vscode 里使用 ESLint+Prettier 格式化代

.prettierrc

{
    "arrowParens": "avoid",
    "tabWidth": 4,
    "singleQuote": true,
    "trailingComma": "none",
    "bracketSpacing": false,
    "jsxSingleQuote": true,
    "htmlWhitespaceSensitivity": "ignore",
    "printWidth": 100
}

vscode setting:

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": ["javascript"]
 }

推荐阅读：

• https://www.digitalocean.com/community/tutorials/workflow-auto-eslinting

• 使用ESLint+Prettier来统一前端代码风格

• 使用 ESLint && Prettier 规范代码格式

• 在 VSCode 中采用 Prettier 格式化 Vue 项目

• 使用vscode配合eslint格式化代码

• 当vue遇上vscode

• vscode下的vue文件格式化

• .Prettierrc文件的设置

• How to replace Prettier by ESLint rules ?

• prettier-eslint

• HTML, Vue, Angular and MDX Support

• vscode, eslint, prettier, vetur冲突及解决