V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
siwadiya
V2EX  ›  前端开发

代码格式化求助

  •  
  •   siwadiya · 2023-05-19 13:26:48 +08:00 · 932 次点击
    这是一个创建于 580 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    2 条回复    2023-05-19 17:03:58 +08:00
    JayZXu
        1
    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
        2
    siwadiya  
    OP
       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`
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5511 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 01:43 · PVG 09:43 · LAX 17:43 · JFK 20:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.