vscode编辑器

时间:2024-10-24 22:34:56
插件
  • 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. }
vscode编辑器