Vue项目的VS Code 插件以及配置

1. 配置 eslint 自动修复格式问题

Ctrl + Shift + P : 打开面板面板
输入 ‘setting’

image.png

选择‘打开工作区域配置’

image.png

在右侧窗口输入并保存：

{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
      "javascript",
      "javascriptreact",
      "html",
      { "language": "vue", "autoFix": true }
  ],
  "eslint.options": {
      "plugins": ["html"]
  }
}

在项目文件目录下会生成 setting.json文件

image.png

之后每次保存文件的时候会自动修复一些格式问题，例如缩进、结尾分号等。

2. ESLint
3. EditorConfig for VS Code