VSCode 设置vue 保存为eslint的格式

要在 VSCode 中设置保存 Vue 文件为 ESLint 格式，需要进行以下步骤：

1. 确保已经安装了 ESLint 插件。在 VSCode 中，按下 `Ctrl + Shift + X` 来打开扩展面板，搜索 `ESLint` 并安装。

2. 安装 `eslint-plugin-vue`。在终端中运行以下命令：

   npm install eslint-plugin-vue --save-dev

3. 在项目根目录下创建一个 `.eslintrc.js` 文件，并添加以下内容：

   module.exports = {
     root: true,
     env: {
       node: true
     },
     extends: [
       'plugin:vue/essential',
       '@vue/standard'
     ],
     plugins: [
       'vue'
     ],
     rules: {
       'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
       'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
     },
     parserOptions: {
       parser: 'babel-eslint'
     }
   }

4. 在 VSCode 的用户设置中，添加以下配置：

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

这个配置告诉 VSCode 在保存时运行 ESLint 并自动修复错误，并且告诉它验证 Vue 文件。

现在，当你保存 Vue 文件时，VSCode 将会自动运行 ESLint 并自动修复错误，以保证你的代码符合规范。