1 { 2 "javascript.preferences.quoteStyle": "single", 3 "workbench.colorTheme": "Solarized Light (no bold)", 4 "files.autoSave": "onFocusChange", 5 "eslint.format.enable": true, 6 "eslint.nodeEnv": "", 7 // 重新设定tabsize 8 "editor.tabSize": 2, 9 "editor.fontSize": 16, 10 "debug.console.fontSize": 14, 11 "terminal.integrated.fontSize": 14, 12 "explorer.confirmDragAndDrop": false, 13 "bracket-pair-colorizer-2.colors": [ 14 "Orchid", 15 "YellowGreen", 16 "Orange" 17 ], 18 "[typescript]": { 19 "editor.defaultFormatter": "vscode.typescript-language-features" 20 }, 21 "[json]": { 22 "editor.defaultFormatter": "vscode.json-language-features" 23 }, 24 "[jsonc]": { 25 "editor.defaultFormatter": "vscode.json-language-features" 26 }, 27 "[javascript]": { 28 "editor.defaultFormatter": "esbenp.prettier-vscode" 29 }, 30 // vscode默认启用了根据文件类型自动设置tabsize的选项 31 "editor.detectIndentation": false, 32 // #每次保存的时候自动格式化 33 "editor.formatOnSave": true, 34 // #每次保存的时候将代码按eslint格式进行修复 35 "eslint.autoFixOnSave": true, 36 // 添加 vue 支持 37 "eslint.validate": [ 38 "javascript", 39 "javascriptreact", 40 { 41 "language": "vue", 42 "autoFix": true 43 } 44 ], 45 "indent": "off", 46 "@typescript-eslint/indent": [ 47 "error" 48 ], 49 // #让prettier使用eslint的代码格式进行校验 50 "prettier.eslintIntegration": true, 51 // #代码结尾的分号 52 "prettier.semi": false, 53 // #使用带引号替代双引号 54 "prettier.singleQuote": true, 55 // #让函数(名)和后面的括号之间加个空格 56 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, 57 // #这个按用户自身习惯选择 58 "vetur.format.defaultFormatter.html": "js-beautify-html", 59 // #让vue中的js按编辑器自带的ts格式进行格式化 60 "vetur.format.defaultFormatter.js": "vscode-typescript", 61 "vetur.format.defaultFormatterOptions": { 62 "js-beautify-html": { 63 "wrap_attributes": "auto", // #vue组件中html代码格式化样式 force-aligned 64 "prettier": { 65 "semi": true, 66 "singleQuote": true 67 } 68 } 69 }, 70 // 格式化stylus, 需安装Manta's Stylus Supremacy插件 71 "stylusSupremacy.insertColons": false, // 是否插入冒号 72 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 73 "stylusSupremacy.insertBraces": false, // 是否插入大括号 74 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 75 "stylusSupremacy.insertNewLineAroundBlocks": false, 76 "[vue]": { 77 "editor.defaultFormatter": "dbaeumer.vscode-eslint" 78 }, // 两个选择器中是否换行 79 "vetur.experimental.templateInterpolationService": true, // vue template代码中,有ts的提示 80 "editor.fontLigatures": null, 81 "workbench.iconTheme": "vscode-icons", 82 "editor.codeActionsOnSave": { 83 "source.fixAll.eslint": true 84 }, 85 // HTML Snippets:vue中HTML代码tab键自动补全 86 "files.associations": { 87 // "*.vue": "html" 88 }, 89 "emmet.triggerExpansionOnTab": true, 90 "emmet.includeLanguages": { 91 "vue-html": "html", 92 "vue": "html" 93 }, 94 "window.zoomLevel": 0, 95 "[html]": { 96 "editor.defaultFormatter": "esbenp.prettier-vscode" 97 }, 98 "workbench.editor.enablePreview": false, 99 "z-reader.encoding": "utf8", 100 "powermode.enabled": true, 101 "powermode.presets": "particles" // fireworks "particle" "flames" 102 }