代码格式化求助

2023-05-19 13:26:48 +08:00
 siwadiya

是这样的,我刚接手了一个 react 项目,但是项目里面 tsx 文件都是缩进 4 格。本人已经习惯了 2 缩进的代码了。 而且由于 4 缩进,在笔记本上面看着也会有麻烦。

问: 能不能有什么方案,可以在我改代码的时候按照我定义的配置格式化,提交的时候再按照项目内的配置自动格式化完再提交

项目格式化用的 Prettier ,软件 Vscode

我看了下配置读的 (@umijs/fabric).prettier

907 次点击
所在节点    前端开发
2 条回复
JayZXu
2023-05-19 14:32:03 +08:00
首先,在你的用户目录下创建 .prettierrc 文件,然后添加你的配置。例如,要设置 2 缩进,你可以添加如下配置:
```json
{
"tabWidth": 2
}
```
在 VSCode 中配置 Prettier 插件使用全局配置。你可以在 VSCode 的设置中搜索 "Prettier Config Path",然后设置为你的全局 .prettierrc 文件的路径
这样,当你在 VSCode 中保存文件时,Prettier 将根据你的全局配置进行格式化。

然后,设置一个 git hook ,这样当你准备提交代码时,代码将会按照项目的格式化规则进行格式化。
siwadiya
2023-05-19 17:03:58 +08:00
@JayZXu 我看了下项目中配置是放在.prettierrc.js ,但是感觉没读到这个配置,因为我看格式化的时候 prettier 的 log 显示
`Detected local configuration (i.e. .prettierrc or .editorconfig), VS Code configuration will not be used`

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/941235

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX