关于前端:通过-vscodesettingsjson-无感知控制成员的-vscode-表现

通过 .vscode/settings.json 无感知管制成员的 vscode 体现

通过在我的项目根目录下新增 .vscode/setings.json 文件，能够做到我的项目成员的 vscode 体现统一。常见的需要有保留文件主动 fix，保留主动格式化代码等。为了尊重成员的个性化需要，不要对主题、字体等做管制。

.vscode/settings.json

{  // 防止非 ts 的 vue 我的项目提醒 n 多红线提醒 Property ‘xxx‘ does not exist on type  "vetur.validation.interpolation": false,  // 文件保留时主动格式化  "editor.formatOnSave": true,  // 可选，文件主动保留  "files.autoSave": "afterDelay",  // eslint规定对以下几种后缀文件失效. 默认为["javascript", "javascriptreact"]  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],  "stylelint.validate": ["css", "scss", "less", "acss"],  // 文件保留时主动修复 eslint 与stylelint 中可修复的问题  "editor.codeActionsOnSave": {    "source.fixAll.eslint": true,    "source.fixAll.stylelint": true    // "source.fixAll.markdownlint": true  },  // 语言默认格式化规定  "editor.defaultFormatter": "esbenp.prettier-vscode",  "[javascript]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[javascriptreact]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[typescript]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[typescriptreact]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[vue]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[css]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[less]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[scss]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[html]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[json]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  },  "[jsonc]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  }}

原理：我的项目级配置优先级高于 vscode 编辑器的配置。

联合 .vscode/extensions.json 一起配置成果更好

前端代码标准 vscode 篇基本上介绍完了，接下来笔者会开始卷 eslint 了。

vscode的settings.json最新配置

vscode的格式化的settings.json的集体配置