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. }