VS code配置Elint自动格式化插件prettier踩坑记录

根目录新增.prettierrc.js

搜索扩展 Prettier - Code formatter并安装

module.exports = {
    singleQuote: true, // 使用单引号
    printWidth: 200, // 超过最大值换行
    htmlWhitespaceSensitivity: 'ignore',
    semi: false, // 结尾不用分号
}

自动格式化

Shift+Ctrl+P 搜索settings.json,然后添加如下内容

{
  "editor.largeFileOptimizations": false,
  "workbench.editorAssociations": {
    "*.hprof": "default"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "eslint.format.enable": true,
  "eslint.quiet": true,
  "eslint.options": {
    "extensions": [".js", ".vue"]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": false
  },
  "files.autoSave": "onFocusChange",
  "workbench.colorTheme": "Kimbie Dark",
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "vscode-edge-devtools.mirrorEdits": true
}

接下来,要注意个大坑!!!

JS-CSS-HTML Formatter和Prettier - Code formatter会冲突,自动保存的时候老是会按第一个插件来,这时候果断卸载JS-CSS-HTML Formatter,世界就安静了