VS Code 自动格式化更漂亮

Posted 2023-03-07

【中文标题】VS Code 自动格式化更漂亮

【英文标题】：VS Code auto formatting with prettier

【发布时间】：2020-11-02 06:06:35

【问题描述】：

是否可以在根目录没有更漂亮配置的 VS Code 上自动格式化？

- root <-  current directory on VS Code
 - app
  - src <- Do i have to be here to run auto formatting??
   - .prettierrc
   - package.json
   - file1

我无法在根目录中运行 prettier。我必须在有prettierrc 的目录中吗？

【参考方案1】：

您需要在根目录中包含一个正确的.prettierrc 文件，正如docs about Prettier Configuration File 所说：

配置文件将从被格式化文件的位置开始解析，并在文件树中搜索直到找到（或未找到）配置文件。

Prettier 故意不支持任何类型的全局配置。这是为了确保在将项目复制到另一台计算机时，Prettier 的行为保持不变。否则，Prettier 将无法保证团队中的每个人都能获得一致的结果。

root
├── app
│   ├── file4
│   ├── public
│   │   └── file5
│   └── src
│       ├── file1
│       ├── package.json
│       └── .prettierrc
├── file2
├── file3
└── .prettierrc

如果你有类似上面的目录结构，root/app/src/ 下的文件（file1、package.json 和root/app/src/.prettierrc）将根据root/app/src/.prettierrc 配置文件格式化，root/ 下的其他文件或它的子目录（file2、file3、root/.prettierrc、file4和file5）将根据root/.prettierrc配置文件进行格式化。

---

或者你可以configure default options of Prettier for VS Code:

配置默认选项

有些用户可能不希望为每个项目创建新的 Prettier 配置或使用 VS Code 设置。因为 Prettier 会递归地向上搜索文件路径，所以您可以在 ~/.prettierrc 处放置一个全局 prettier 配置以用作后备。

您还可以使用设置prettier.configPath 来提供全局配置。但是，请注意，如果设置了此值，则将始终使用此值，并且将忽略本地配置文件。