prettier 配置全
时间: 2024-08-28 20:02:05 浏览: 93
Prettier 是一个流行的代码格式化工具,它支持多种编程语言和编辑器。在项目中配置 Prettier 可以通过多种方式进行,包括但不限于配置文件、命令行参数和编辑器插件等。下面是使用 Prettier 的基本配置步骤:
1. 安装 Prettier:可以通过 npm 或 yarn 将 Prettier 安装为项目依赖或全局安装。
```
npm install --save-dev prettier
# 或者
yarn add --dev prettier
```
2. 创建配置文件:Prettier 会自动查找项目根目录下的 `.prettierrc` 文件,也可以使用其他命名的配置文件,如 `.prettierrc.js`、`.prettierrc.json` 或 `.prettierrc.yaml`。配置文件可以是 JSON、YAML 或 JavaScript 格式。
一个基本的 `.prettierrc` 配置示例如下:
```json
{
"singleQuote": true,
"semi": true,
"useTabs": false,
"tabWidth": 2,
"trailingComma": "none",
"printWidth": 80,
"endOfLine": "auto"
}
```
3. 使用命令行格式化代码:安装并配置好 Prettier 后,可以通过命令行使用 `prettier` 命令来格式化文件或目录。
```
npx prettier --write .
```
4. 集成编辑器:大多数流行的代码编辑器,如 VSCode、Sublime Text 和 Atom,都有支持 Prettier 的插件,可以通过编辑器的插件市场进行安装。安装插件后,通常需要在编辑器的设置中启用 Prettier 并配置相应的文件保存时自动格式化。
Prettier 的配置项有很多,包括但不限于:
- `singleQuote`:是否使用单引号。
- `semi`:是否在语句末尾加分号。
- `useTabs`:是否使用制表符进行缩进。
- `tabWidth`:一个制表符代表的空格数。
- `trailingComma`:是否在多行对象或数组末尾添加逗号。
- `printWidth`:一行代码的最大长度。
- `endOfLine`:文件的行结束符。
对于更深入的了解,可以通过查看 Prettier 的官方文档来获得更多的配置选项和使用示例。
阅读全文