vue保存代码格式化

要在Vue项目中保存代码格式化，可以使用ESLint和Prettier这两个工具来实现。ESLint用于检查代码的语法错误和风格，而Prettier则用于格式化代码。

首先，在Vue项目中安装ESLint和Prettier：

npm install eslint --save-dev
npm install prettier --save-dev

然后，创建一个.eslintrc.js文件，并且添加以下配置：

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  plugins: ["prettier"],
  rules: {
    "prettier/prettier": [
      "error",
      {
        endOfLine: "auto",
      },
    ],
  },
  parserOptions: {
    parser: "babel-eslint",
  },
};

这个配置中，我们使用了plugin:vue/essential和@vue/prettier来扩展Vue项目中的eslint规则，并使用prettier插件来检查代码格式。

最后，我们需要在VS Code中安装ESLint和Prettier的插件，并在VS Code的设置中添加以下配置：

"editor.formatOnSave": true,
"eslint.alwaysShowStatus": true,
"eslint.enable": true,
"eslint.options": {
  "extensions": [".js", ".vue"]
},
"[vue]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

这些配置将使VS Code在保存文件时自动格式化代码，并将ESLint和Prettier应用于Vue项目中的所有文件。