最新一版的vscode的配置，根据项目需要配置的：
1 { 2 // ===========以下4个是控制保存时自动格式化的，并且以4格缩进================ 3 "editor.tabCompletion": "on", 4 "editor.detectIndentation": false, 5 "editor.tabSize": 2, //vscode设置的缩进量 6 "editor.formatOnSave": false, //保存时候自动格式化 7 // ===========以下是根据自己需求配置的============================ 8 "editor.suggest.snippetsPreventQuickSuggestions": true, //自动补全的 9 "explorer.confirmDelete": true, // 自动补全 10 "[json]": {}, 11 "workbench.sideBar.location": "right", 12 "editor.wordWrap": "on", // 控制折行方式。可以选择： - “off” （禁用折行）， - “on” （视区折行）， - “wordWrapColumn”（在“editor.wordWrapColumn”处折行）或 - “bounded”（在视区与“editor.wordWrapColumn”两者的较小者处折行）。 13 "editor.fontSize": 17, 14 15 // #每次保存时将代码按eslint格式进行修复 16 "eslint.autoFixOnSave": true, 17 // 添加 vue 支持 18 "eslint.validate": [ 19 "javascript", 20 "javascriptreact", 21 { "language": "typescript", "autoFix": true }, 22 { "language": "typescriptreact", "autoFix": true }, 23 { "language": "vue", "autoFix": true }, 24 { "language": "html", "autoFix": true }, 25 { "language": "javascript", "autoFix": true }, 26 { "language": "wpy", "autoFix": true } 27 ], 28 //#让prettier使用eslint的代码格式进行校验 29 "prettier.eslintIntegration": true, 30 // #让函数(名)和后面的括号之间加个空格 31 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, 32 // 两个选择器中是否换行 33 "editor.formatOnType": true, 34 35 36 37 "editor.codeActionsOnSave": { 38 "source.fixAll.eslint": true 39 }, 40 "editor.parameterHints": true, 41 "editor.quickSuggestions": { 42 "other": true, 43 "comments": true, 44 "strings": true 45 }, 46 47 "git.confirmSync": true, // *** 这个是提示空格的点点 48 // "stylusSupremacy.insertColons": false, // 是否插入冒号 49 // "stylusSupremacy.insertSemicolons": false, // 是否插入分好 50 // "stylusSupremacy.insertBraces": false, // 是否插入大括号 51 // "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 52 // 需要配置 php 可执行文件目录 53 "php.validate.executablePath": "D:\\useful_software\\phpstudy\\PHPTutorial\\php\\php-5.5.38\\php.exe", 54 55 "typescript.format.insertSpaceAfterSemicolonInForStatements": false, 56 57 "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化 58 "vetur.format.defaultFormatterOptions": { 59 "prettier": { 60 "semi": false 61 }, 62 "js-beautify-html": { 63 "wrap_attributes": "auto" 64 // #vue组件中html代码格式化样式 65 // - auto: 仅在超出行长度时才对属性进行换行。 66 // - force: 对除第一个属性外的其他每个属性进行换行。 67 // - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。 68 // - force-expand-multiline: 对每个属性进行换行。 69 // - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。 70 } 71 }, 72 "search.exclude": { 73 "**/node_modules": true, 74 "**/bower_components": true, 75 "**/dist": true 76 }, 77 "emmet.includeLanguages": { 78 "vue-html": "html", 79 "vue": "html", 80 "javascript": "javascriptreact", 81 "wxml": "html" 82 }, 83 "files.associations": { 84 "*.html": "html", 85 "*.js": "javascriptreact", 86 "*.vue": "html", 87 "*.cjson": "jsonc", 88 "*.wxss": "css", 89 "*.wxs": "javascript", 90 "*.ts": "typescriptreact", 91 "*.tpl": "html" 92 }, // 支持scss语法的 93 // "editor.fontFamily": "‘Droid Sans Mono‘, ‘Courier New‘, monospace, ‘Droid Sans Fallback‘", // 这个是控制字体样式的 94 "files.associations": { 95 "*.html": "html", 96 "*.js": "javascriptreact", 97 "*.vue": "html", 98 "*.cjson": "jsonc", 99 "*.wxss": "css", 100 "*.wxs": "javascript", 101 "*.ts": "typescriptreact" 102 }, 103 "auto-close-tag.activationOnLanguage": [ 104 "xml", 105 "php", 106 "blade", 107 "ejs", 108 "jinja", 109 "javascript", 110 "javascriptreact", 111 "typescript", 112 "typescriptreact", 113 "plaintext", 114 "markdown", 115 "vue", 116 "liquid", 117 "erb", 118 "lang-cfml", 119 "cfml", 120 "HTML (Eex)" 121 ], 122 "eslint.options": { 123 "extensions": [ 124 ".js", 125 ".vue" 126 ] 127 }, 128 "editor.mouseWheelZoom": true, 129 "editor.suggestSelection": "first", 130 "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", 131 "files.exclude": { 132 "**/.classpath": true, 133 "**/.project": true, 134 "**/.settings": true, 135 "**/.factorypath": true 136 }, 137 "launch": { 138 139 }, 140 // "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}", 141 // ==================================================================== 142 // "fileheader.LastModifiedBy": "Oralinge", 143 // "fileheader.Author": "Oralinge", 144 // "git.autofetch": true, 145 // "[html]": { 146 // "editor.defaultFormatter": "HookyQR.beautify" 147 // }, 148 // "editor.detectIndentation": false, 149 // "editor.formatOnSave": true, 150 // "editor.formatOnPaste": true, 151 152 // // #去掉代码结尾的分号 153 // "prettier.semi": false, 154 // // #使用带引号替代双引号 155 // "prettier.singleQuote": true, 156 // #这个按用户自身习惯选择 157 // "vetur.format.defaultFormatter.html": "js-beautify-html", 158 // ===================================== 159 // "workbench.iconTheme": "vscode-icons", 160 // "emmet.triggerExpansionOnTab": true, 161 // "tslint.autoFixOnSave": true, 162 // "prettier.semi": false, //去掉代码结尾的分号 163 // "prettier.singleQuote": true, // 强制单引号 164 // "vetur.format.defaultFormatterOptions": { 165 // "js-beautify-html": { 166 // "wrap_attributes": "force-aligned" // 属性强制折行对齐 167 // } 168 // }, 169 // "javascript.implicitProjectConfig.experimentalDecorators": true, 170 // "[markdown]": { 171 // "editor.defaultFormatter": "yzhang.markdown-all-in-one" 172 // }, 173 // //下面的这些配置一定要留着，很好用 174 // "emmet.syntaxProfiles": { 175 // "javascript": "jsx", 176 // "vue": "html", 177 // "vue-html": "html" 178 // }, 179 // // "editor.cursorBlinking": "smooth", 180 // "editor.minimap.enabled": true, 181 // "editor.minimap.renderCharacters": false, 182 // "editor.codeLens": true, 183 // "window.zoomLevel": 0, 184 }