vscode 如何格式化 vue 文件以符合 eslint 规则

Question

基本上我想要的是一致性：

• 如何vscode 格式化我的 .vue 文件
• 当我 运行 npm run .... 启动服务器或构建目标时，eslint 检查器如何扫描我的 .vue 文件

目前我在 vscode 中格式化我的文档，然后 运行 npm run dev，eslint 检查器会引发很多警告和错误，看来他们的 foramting/linting 规则来了来自不同的来源，我还没有找到让他们使用相同规则的方法

Answer 1

首先，安装这些扩展：

• Vetur
• ESLint
• Prettier

然后将这些设置写入您的 settings.json:

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}