在webstorm里面使用prettier

1. 安装 Prettier

bash


复制代码
npm install --save-dev prettier

2. 创建 Prettier 配置文件

在项目根目录下创建一个 .prettierrc 文件来定义 Prettier 的代码风格规则。以下是一个简单的 Prettier 配置文件示例：

json复制代码{
  "semi": false,                // 不加分号
  "singleQuote": true,          // 使用单引号
  "trailingComma": "es5",       // 在 ES5 语法支持的地方加逗号，如对象和数组
  "printWidth": 100,            // 一行代码最大字符数
  "tabWidth": 2,                // 使用 2 个空格进行缩进
  "useTabs": false              // 使用空格代替制表符
}

3. 使用 Prettier 格式化代码

你可以通过命令行来格式化项目中的代码文件。以下是一些常见的命令：

• 格式化整个项目中的所有文件：

bash

复制代码
npx prettier --write .

• 格式化指定的文件或文件夹：

bash

复制代码
npx prettier --write src/components/*.vue

我使用过程中最大的一个问题就是 选择prettier在 node_modules里面的位置,不选就不会有效果

然后文件里右键: