为了统一项目内的代码格式,我们使用 Prettier。
下载 prettier 插件。
vscode
注意:如果你已经安装了其它的格式化工具,比如 beautify ,请先卸载,可能会有冲突。
webstorm下载 prettier 插件(2018.1 以后的版本自带,idea 需要下载)
在项目中安装 prettier,你也可以全局安装。
如果使用了 typescript 或者在做 Angular 项目 ,可以安装 prettier 的 typescript 配置。
在 tslint.json 中添加配置
重启 ide,在 vscode 中 cmd+shift+p ,输入 Format Document,格式化代码。在 webstorm 中 Find Action,输入 Reformat With Prettier,格式化代码。
你可以在项目根目录新建 文件,来配置格式化选项,不配就会使用默认值。
vscode 参考:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
webstorm 参考:https://plugins.jetbrains.com/plugin/10456-prettier
为什么使用 prettier 参考:
https://alexjoverm.github.io/2017/06/12/Use-Prettier-with-TSLint-and-be-happy/
https://blog.fundebug.com/2017/10/23/format-code-use-Prettier/
https://juejin.im/post/5a791d566fb9a0634853400e
https://zhuanlan.zhihu.com/p/28195771
领取专属 10元无门槛券
私享最新 技术干货