首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

项目组统一代码格式:Prettier

为了统一项目内的代码格式,我们使用 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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180709G1X19800?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券