prettier-plugin-sql，如何集成到vue2项目中

`prettier-plugin-sql`是一个Prettier插件，专为SQL语言设计，它能够帮助你保持SQL代码的格式统一。要将其集成到Vue 2项目中，需要遵循以下步骤：

1. **安装依赖**：
使用npm或yarn在你的Vue 2项目中安装`prettier`和`prettier-plugin-sql`：

   npm install --save-dev prettier prettier-plugin-sql
   # 或者
   yarn add --dev prettier prettier-plugin-sql

2. **配置Prettier**：
在项目根目录下创建一个`.prettierrc`配置文件，或在已存在的`.prettierrc`中增加针对`prettier-plugin-sql`的配置。示例配置如下：

   {
     "extends": "@prettier/plugin-sql/preset",
     "plugins": ["@prettier/plugin-sql"],
     "printWidth": 80,
     // 可选的其他Prettier配置项
   }

3. **启用Prettier**：
- 如果你是使用Vue CLI，需要在`vue.config.js`中注册Prettier，添加如下代码：

     module.exports = {
       chainWebpack: config => {
         config.module.rule('sql').use('prettier')
           .loader('prettier-loader')
           .options({
             parser: 'sql',
             singleQuote: true, // 根据你的偏好选择单引号还是双引号
             semi: false, // 取消默认的分号
           });
       },
       // ...其他配置
     };

4. **保存前自动格式化**：
- 对于开发环境，可以在Webpack配置中添加`PrettierWebpackPlugin`自动格式化文件。
- 对于生产环境，你可以在构建命令中使用`--pretty`选项，比如`npm run build -- --pretty`。

5. **运行格式化**：
- 在工作区里，你可以使用`npm run format:sql`或`yarn format:sql`命令手动格式化SQL文件。

记住，在使用过程中，确保所有包含SQL代码的文件都受`prettier-plugin-sql`规则影响。