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

Question

基本上我想要的是以下之间的一致性：

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

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

Answer 1

首先，安装这些扩展：

• Vetur
• ESLint
• Prettier

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

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