vscode 代码格式化配置

以下是在VSCode中配置代码格式化的步骤：

1. 安装ESLint插件：在VSCode的扩展面板中搜索并安装ESLint插件。

2. 在项目中安装ESLint：在项目根目录下打开终端，运行以下命令安装ESLint：

npm install eslint --save-dev

3. 初始化ESLint配置文件：在项目根目录下运行以下命令初始化ESLint配置文件：

npx eslint --init

根据提示选择配置选项，例如选择"Use a popular style guide"，然后选择"Airbnb"或其他你喜欢的风格指南。

4. 安装Prettier插件：在VSCode的扩展面板中搜索并安装Prettier插件。

5. 在项目中安装Prettier：在项目根目录下打开终端，运行以下命令安装Prettier：

npm install prettier --save-dev

6. 创建Prettier配置文件：在项目根目录下创建一个名为".prettierrc"的文件，并在其中定义Prettier的配置选项。例如，可以将以下内容添加到".prettierrc"文件中：

{
  "singleQuote": true,
  "semi": false
}

这将设置Prettier在格式化代码时使用单引号，并删除行尾的分号。

7. 配置VSCode设置：在VSCode的设置中，搜索"eslint.autoFixOnSave"和"editor.formatOnSave"这两个设置项，并将它们的值设置为true。这将使得在保存文件时自动运行ESLint和Prettier进行代码格式化。

8. 配置Vetur插件：在VSCode的设置中，搜索"vetur.format.enable"设置项，并将其值设置为true。这将使得Vetur插件在格式化Vue文件时使用ESLint和Prettier进行代码格式化。

现在，当你在VSCode中打开一个支持ESLint和Prettier的项目时，代码将会自动进行格式化。