VS Code自动格式化更漂亮

时间:2020-07-13 04:16:38

标签: javascript visual-studio-code prettier

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

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

我无法在根目录中运行更漂亮的文件。我是否必须位于包含prettierrc的目录中?

1 个答案:

答案 0 :(得分:1)

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

将从要格式化的文件的位置开始解析配置文件,然后搜索文件树,直到找到(或找不到)配置文件。

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

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

如果您具有上述目录结构,则root/app/src/下的文件(file1package.jsonroot/app/src/.prettierrc)将根据root/app/src/.prettierrc配置进行格式化文件,以及root/或其子目录(file2file3root/.prettierrcfile4file5下的其他文件的格式到root/.prettierrc配置文件。


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

配置默认选项

某些用户可能不希望为每个项目创建新的Prettier配置或使用VS Code设置。由于Prettier会在文件路径上进行递归搜索,因此您可以在~/.prettierrc上放置一个全局Prettier配置,以用作后备。

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