VsCode插件及配置
# 配置文件
{
"editor.fontSize": 18,
"editor.formatOnSave": true,
"files.autoSave": "afterDelay",
"editor.wordWrap": "on",
"workbench.iconTheme": "vscode-icons",
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"workbench.colorCustomizations": {
"editorIndentGuide.background": "#333",
"editorIndentGuide.activeBackground": "#a3a3a3",
"editor.lineHighlightBackground": "#162541",
"editor.lineHighlightBorder": "#458ddb"
},
"workbench.activityBar.visible": true,
"workbench.sideBar.location": "left",
"workbench.statusBar.visible": true,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"[css]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
"autoprefixer.options": {
"autoprefixer.browsers": ["last 3 versions", "ff >= 60", "chrome >= 64", "safari >= 6", "ios >= 8", "android >= 8"]
},
"autoprefixer.ignoreFiles": [],
// "editor.codeActionsOnSave": {
// "source.fixAll.eslint": true
// },
"terminal.integrated.profiles.windows": {
"gitBash": {
//这里的名称开头若是大写不能有空格(如:GitBash)
"path": "D:\\Git\\bin\\bash.exe" //此处是git本地安装路径
}
},
"liveServer.settings.donotShowInfoMsg": true,
"security.workspace.trust.untrustedFiles": "open",
"eslint.validate": ["javascript", "javascriptreact", "html", "vue"],
"prettier.semi": true,
"prettier.printWidth": 300,
"prettier.eslintIntegration": true,
"prettier.stylelintIntegration": true,
"prettier.tabWidth": 2,
"prettier.bracketSpacing": true,
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
"prettier.htmlWhitespaceSensitivity": "ignore",
"prettier.javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"prettier.files.insertFinalNewline": true,
"prettier.useTabs": false,
"prettier.endOfLine": "auto",
"prettier.ignorePath": ".gnore",
"prettier.trailingComma": "none",
"editor.detectIndentation": false,
"editor.tabSize": 2,
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"editor.suggest.snippetsPreventQuickSuggestions": false,
"cSpell.userWords": [
"axios",
"bodylay",
"esbenp",
"getrecordbyuser",
"getsetting",
"getuserbyid",
"gotop",
"iconfont",
"instanceof",
"keyof",
"lazyload",
"linkedin",
"loding",
"mainsns",
"Mathjax",
"mobact",
"mobnav",
"Nuxt",
"nuxtjs",
"porducts",
"readdirSync",
"rgba",
"scrollhead",
"swiper",
"truetype",
"typeof",
"Typora",
"ueditor",
"userid",
"utools",
"vuepress",
"vuex",
"whatsapp",
"worklevel"
],
"fileheader.Author": "joy",
"fileheader.LastModifiedBy": "joy",
"tabnine.experimentalAutoImports": true,
"z-reader.onlineSite": "笔趣阁",
"z-reader.readerViewTitle": "1.css",
// "editor.hover.enabled": false,
"powermode.shake.intensity": 0,
"bracketPairColorizer.depreciation-notice": false,
"settingsSync.ignoredSettings": ["-git.path"],
"auto-rename-tag.activationOnLanguage": ["*"],
"terminal.integrated.defaultProfile.windows": "PowerShell",
"workbench.startupEditor": "none",
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"workbench.editor.splitInGroupLayout": "vertical",
"editor.inlineSuggest.enabled": true,
"compile-hero.sass-output-directory": "",
"compile-hero.scss-output-directory": "",
"compile-hero.stylus-output-directory": "./dist-css",
"compile-hero.typescript-output-directory": "",
"compile-hero.less-output-directory": "./dist-css",
"editor.fontFamily": "'Consolas','Courier New', monospace",
"sync.gist": "23a7398a35b034e5b801440b1b58ef8a",
"leetcode.endpoint": "leetcode-cn",
"editor.fontLigatures": false,
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/build/": true,
"**/dist/": true,
"**/.nuxt/": true,
"package*": true,
"**/temp/": true,
"library/": true,
"**/*.anim": true
},
"files.exclude": {
"**/.git": true,
"**/.DS_Store": true,
"**/*.meta": true,
"library/": true,
"local/": true,
"**/temp/": true
},
"vsicons.dontShowNewVersionMessage": true,
"compile-hero.javascript-output-toggle": false,
"compile-hero.javascript-output-directory": "",
"compile-hero.typescript-output-toggle": false,
"compile-hero.typescriptx-output-directory": "",
"compile-hero.typescriptx-output-toggle": false,
"compile-hero.pug-output-toggle": false,
"compile-hero.pug-output-directory": "",
"compile-hero.notification-toggle": false,
"compile-hero.jade-output-toggle": false,
"compile-hero.jade-output-directory": "",
"open-in-browser.default": "Edge",
"liveServer.settings.wait": 500,
"liveServer.settings.donotVerifyTags": true,
"liveServer.settings.useLocalIp": true,
"liveServer.settings.proxy": {
"enable": true,
"baseUri": "/assets",
"proxyUri": "http://plusbe.com/assets"
},
"blockman.n01LineHeight": 0,
"diffEditor.wordWrap": "off",
"editor.guides.indentation": false,
"editor.guides.bracketPairs": true,
"editor.inlayHints.enabled": "off",
// 文件注释
"fileheader.customMade": {
"Author": "Lqf",
"Date": "Do not edit",
"LastEditors": "Lqf",
"LastEditTime": "Do not edit",
"Description": ""
},
// 函数注释
"fileheader.cursorMode": {
"description": "", // 函数注释生成之后,光标移动到这里
"param": "", // param 开启函数参数自动提取 需要将光标放在函数行或者函数上方的空白行
"return": ""
},
"fileheader.configObj": {
"autoAdd": false // 默认开启
},
"editor.accessibilitySupport": "off",
"markdownlint.config": {
"default": true,
"MD033": {
"allowed_elements": ["br", "img", "video", "p", "source", "div", "a", "RouterLink", "strong", "span", "section", "main", "header", "footer", "pre", "code", "iframe"]
}
},
"editor.hover.sticky": false,
"editor.linkedEditing": true,
"html.autoClosingTags": true,
"javascript.autoClosingTags": true,
"typescript.autoClosingTags": true,
"files.trimTrailingWhitespace": true,
"editor.formatOnSaveMode": "modificationsIfAvailable",
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"google-translate.serverDomain": "https://translate.google.com/",
"google-translate.maxSizeOfResult": 100,
"google-translate.noticeOnlyError": true,
"Codegeex.Privacy": true,
"[markdown]": {
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
},
"editor.acceptSuggestionOnEnter": "on"
},
"workbench.colorTheme": "One Dark Pro Darker",
"window.zoomLevel": 1
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
# 插件
Auto Rename Tag //自动补全标签
Autoprefixer //css自动添加兼容代码
Beautify //代码美化
Chinese //中文
Code Spell Checker //代码拼写检查器
CodeSnap //代码截图
CSS Compressor //css代码压缩
Error Gutters //代码错误检查
ESLint //代码规范检查
filesize //显示文件大小
Formatter Hero - Beautify Sass/Less/Scss/Typescript/Javascript/ //实时转css工具
GitLens — Git supercharged //增强git
HTML CSS Support //HTML,css提示
HTML Snippets //html代码片段
IntelliCode //代码提示
IntelliSense for CSS class names in HTML //html类名提示
JavaScript (ES6) code snippets //es6代码片段
jQuery Code Snippets //jquery代码片段
JS & CSS Minifier (Minify) //js,css文件压缩
LeetCode //刷题
Live Server //页面热更新
Markdown Preview Enhanced //markdown文件实时预览
markdownlint //markdown语法检查
Minify //文件压缩
npm Intellisense //自动补全引入node modules里面所安装的依赖。
Path intellisense //自动补全文件名。最常用的地方是,当我们去import其它文件的时候,能够对文件进行提示,快速补全要引入的文件名。
open in browser //设置在浏览器打开
Prettier - Code formatter //代码格式化
Preview on Web Server //在vscode中侧边预览,或者浏览器中实时预览
Rainbow Brackets //括号美化
Vetur //vue代码高亮显示,代码提示
vscode-icons //文件icon图标
Vue Language Features (Volar) //vue代码提示
Vue 3 Snippets //vue3代码提示
Vue VSCode Snippets //vue代码片段
z-reader //vscode看小说
VueHelper //vue代码提示
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
编辑 (opens new window)
上次更新: 2023/03/08, 02:53:55