VSCode配置VUE插件环境

本人是后端Laravel 前端刚入坑在学习中 如果有说错的地方希望不吝赐教

• 安装插件 Vetur,ESLint和Prettier 三个插件
• 设置工作区,如果有其他格式化插件则禁用
• 下面是启用的插件列表

• vscode 中工作区加全局的所有配置 可以都设置到工作区设置中

{
  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    "source.fixAll.eslint": true
  },
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "eslint.format.enable": true,
  "files.autoSave": "afterDelay",
  "prettier.endOfLine": "crlf",
    "vetur.format.defaultFormatter.js": "prettier-eslint",
    "vetur.format.enable": false,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  }
}

配置完之后在编辑前端文件时 保存编辑(Ctrl + S)就会格式化文件并自动修复eslint报错