js 类似 gofmt 的自动格式化代码工具 prettier

更新日期: 2022-09-26 阅读次数: 1744 字数: 323 分类: Javascript

用习惯了 golang 的 gofmt 自动格式化代码工具,迫切需要其他语言的自动 format 功能。发现 js 也有类似的工具 prettier。

https://prettier.io/

用了一下,还可以。至少可以自动帮我补充行尾的分号,及自动换行。但是也有非常不爽的地方,就是会把你多行对齐的注释毁掉。而且官方维护团队态度恶劣,对这个问题连讨论的余地都不留。远不如 gofmt 优雅。

全局安装

虽然官方推荐每个项目独立安装一个,且做好不同的配置,但是我基本都一个人开发项目,所以也不需要兼顾别人的感受,全局安装更方便。

sudo npm install -g prettier

VIM 中自动调用 prettier

" ALE plugin
let g:ale_fixers = {
\   '*': ['remove_trailing_lines', 'trim_whitespace'],
\   'javascript': ['eslint', 'prettier'],
\   'css': ['prettier'],
\   'go': ['gofmt', 'goimports'],
\}

局部禁用 prettier

例如,在写微信小程序 js 代码时,data 里定义了一堆变量。 是按照注释符合做的对齐排版,而 prettier 会将对齐破坏掉。 这时就可以对 data 代码块禁用 prettier。

// prettier-ignore

参考

  • https://freshman.tech/vim-javascript/
  • https://prettier.io/

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式