推荐一个VSCode配置,冲突最少,配置最少。

491 阅读1分钟

前言: 在使用VScode写代码的过程中,特别是多人协同开发中,经常会遇到代码质量统一的问题,我以前的经验,或者照着官网文档进行配置,可是这样往往效果并不好,后来都是抄一份配置,或者干脆直接禁用或卸载Eslint插件和prettier插件。 后来我就想,怎么简单怎么来,插件装2个就好了,eslint,vetur。配置文件也不要搞那么复杂,只配置eslintrc.js。最后就是解决eslint与vetur之间不一致的地方就可以了。

  "workbench.iconTheme": "vscode-icons",
  "editor.tabSize": 2,
  "editor.fontSize": 18,
  "editor.detectIndentation": false,
  "editor.codeActionsOnSave": {
    "source.fixAll": true,  // 保存时,按照eslint默认配置进行格式化
  },
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html", // 重新指定vetur格式化程序
  "vetur.format.defaultFormatter.js": "vscode-typescript",  // 解决eslint和vetur冲突
  "vetur.format.defaultFormatter.ts": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "preserve"  // 默认配置,格式化之后改动最少。
    },
  },
}

如果要自定义eslint规则,可以在eslintrc.js文件下,进行单独配置。一般的小技巧是,在问题tab页中,哪条报错在把禁用规则放到eslintrc.js的规则中。