这个很有”主见“的代码格式化工具 专治代码洁癖!

来源丨开源最前线(ID:OpenSourceTop) 猿妹 编译

链接:https://blog.reactnativecoach.com/format-code-style-with-prettier-in-react-native-1e10e6b7169f、https://medium.freecodecamp.org/why-robots-should-format-our-code-159fd06d17f7等

我曾经认为拥有个人代码风格对于程序员来说是一件好事,因为它证明你是一个成熟的开发人员。但是后来,我发现并不是这样的,代码格式化对一个项目团队来说实在是太重要了,它使得整个项目的代码变得更加美观整洁,也更具有可读性

今天,猿妹要和大家推荐一个很有”主见“的代码格式化工具——Prettier

目前,Prettier在GitHub上已经获得 40.4K 个 Star,3K 个Fork。

GitHub地址:https://github.com/prettier/prettier

prettier官网:https://prettier.io/

Prettier入门很容易。我更喜欢使用npm或yarn将本地版本保存到我的项目中:

// npm
npm i --save-dev prettier
// yarn
yarn install --dev prettier

然后向 package.json 中添加一个脚本,目的是为了在项目上更好的运行本地的二进制文件。注意:对二进制大型对象(Blob)来说,引号的使用是非常重要的,这关系到能否更好地拓展

"scripts": {
  "prettier": "prettier 'src/**/*.js'"
}

你还需要修改脚本以匹配项目源文件

"prettier": {
  "jsxBracketSameLine": true,
  "semi": false,
  "singleQuote": true
}

此时,你应该可以通过npm运行Prettier,并查看它对项目作出的变化。

Prettier已经被一些非常流行的项目比如React和Babel采用了,支持列表如下:

通过使用Prettier,相信你也会和我一样发现它的这些优点:

  • 几乎不需要做决定,因为Prettier的选项配置很少。

  • 项目团队无需为了一个特定的规则争论不休

  • 开发者不需要去学习项目的代码风格。

  • 不需要去修复ESLint报告的风格问题。

  • 可在文件保存时自动统一风格。

1、B 站 CEO 的身份证被上传到 GitHub 了?

2、2021编程语言排行:C#飙升,Python蝉联榜首

3、牛逼!SpringBoot+Vue企业级支付系统!附源码!

4、牛逼!SpringBoot+Vue企业级支付系统!附源码!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值