vscode编辑器

插件

• Auto Close Tag   自动关闭标签
• Auto Rename Tag 自动修改标签
• Bracket Pair Colorizer  多层括号不同颜色显示
• EditorConfig for VSCode  统一编辑器配置
• ESlint   js代码检查
• htmlhint  html代码检查
• File Icons   导航栏文件图标
• OneDark-Pro 主题
• Path Intellisense 路径提示/路径补全
• Prettier 代码格式化
• Sublime Text Keymap sublime快捷键
• Vetur vue的插件

编辑器配置

1. {
2.     /*编辑器默认配置  */
3.     "editor.minimap.enabled": true,
4.     "editor.lineHeight": 20,
5.     "editor.fontSize": 14,
6.     "editor.wordWrap": "on",
7.     "editor.fontFamily": "Fira Code",
8.     "editor.fontLigatures": true,
9.     "editor.minimap.renderCharacters": false,
10.     /* vue文件支持emmnt */
11.     "emmet.syntaxProfiles": {
12.         "vue-html": "html",
13.         "vue": "html"
14.     },
15.     /* 配置文件关联 */
16.     "files.associations": {
17.         "*.vue": "vue"
18.     },
19.     /* 失去焦点自动保存 */
20.     "files.autoSave": "onFocusChange",
21.     "[vue]": {},
22.     /* 使用cmder */
23.     "terminal.external.windowsExec": "D://SystemDrivers//cmder",
24.     "workbench.iconTheme": "file-icons",
25.     /* sublime 配置项 */
26.     "sublimeTextKeymap.promptV3Features": true,
27.     /* 多光标编辑冲突修复 */
28.     "editor.multiCursorModifier": "ctrlCmd",
29.     "editor.snippetSuggestions": "top",
30.     "editor.formatOnPaste": true,
31.     "python.formatting.provider": "yapf",
32.     /* 使用one Dark*/
33.     "workbench.colorTheme": "One Dark Pro",
34.     /* one Dark侧栏配置 */
35.     "workbench.colorCustomizations": {
36.         "tab.activeBackground": "#282c34",
37.         "activityBar.background": "#282c34",
38.         "editorGroup.background": "#282c34",
39.         "sideBar.background": "#282c34"
40.     },
41.     // "vetur.format.defaultFormatter.js": "vscode-typescript",
42.     "javascript.format.enable": false,
43.     "editor.tabSize": 2,
44.     /* 每次保存的时候自动格式化 */
45.     "editor.formatOnSave": true,
46.     /* 每次保存的时候将代码按eslint格式进行修复 */
47.     "eslint.autoFixOnSave": false,
48.     /* 双引号变单引号 */
49.     "prettier.singleQuote": true,
50.     /* js语句结尾删除分号 */
51.     "prettier.semi": false,
52.     /* 让prettier使用eslint的代码格式进行校验 */
53.     "prettier.eslintIntegration": true,
54.     /* 让函数(名)和后面的括号之间加个空格 */
55.     "eslint.validate": [
56.         "javascript",
57.         "javascriptreact",
58.         {
59.             "language": "vue",
60.             "autoFix": true
61.         }
62.     ],
63.     "window.zoomLevel": 0
64. }

1. 最新版本
2. {
3.     "sublimeTextKeymap.promptV3Features": true,
4.     "editor.multiCursorModifier": "ctrlCmd",
5.     "editor.snippetSuggestions": "top",
6.     "editor.formatOnPaste": true,
7.     "editor.wordWrap": "on",
8.     "git.autofetch": true,
9.     "editor.cursorStyle": "block",
10.     "editor.lineHeight": 24,
11.     "editor.minimap.enabled": false,
12.     "editor.renderIndentGuides": ;
13.     "editor.rulers": [
14.         120
15.     ],
16.     "editor.quickSuggestions": {
17.         "other": true,
18.         "comments": true,
19.         "strings": true
20.     },
21.     /*稀有字体*/
22.     "editor.fontFamily": "Fira Code",
23.     " editor.fontLigatures": true,
24.     /* 使用one Dark*/
25.     "workbench.colorTheme": "One Dark Pro",
26.     /* one Dark侧栏配置 */
27.     // "workbench.colorCustomizations": {
28.     //     "tab.activeBackground": "#282c34",
29.     //     "activityBar.background": "#282c34",
30.     //     "editorGroup.background": "#282c34",
31.     //     "sideBar.background": "#282c34"
32.     // },
33.     /* 失去焦点自动保存 */
34.     "files.autoSave": "onFocusChange",
35.     /* 每次保存的时候自动格式化 */
36.     "editor.formatOnSave": true,
37.     /* 双引号变单引号 */
38.     "prettier.singleQuote": true,
39.     /* js语句结尾删除分号 */
40.     "prettier.semi": false,
41.     "vetur.format.defaultFormatter.html": "prettier",
42.     /* 让prettier使用eslint的代码格式进行校验 */
43.     // "prettier.eslintIntegration": true,
44. }