源美编译的开源Top（ID：OpenSourceTop）

我原本以为拥有个人编码风格对于程序员来说是一件好事，因为这证明你是一个成熟的开发人员。但后来我发现事实并非如此。 低级代码对于项目团队来说非常重要。 让整个项目的代码显得更加美观、整洁、可读性更强。

今天圆妹给大家推荐一款非常“有主见”的代码底层工具——Prettier

目前，Prettier 在 GitHub 上已获得 40.4K Stars 和 3K Fork。

GitHub地址：

更漂亮的官方网站：

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，相信你也会和我一样发现它的优点：

—— 推 荐 阅 读 ——
ink" data-linktype="2">
我用这款插件把百度网盘视频开到16倍速，结果……

ink" data-linktype="2">
获取wifi密码？Github的这个项目火了！

ink" data-linktype="2" hasload="1" style="color: var(--weui-link);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;">安利一款国内非常棒的 7.3k star  API 在线文档工具
ink" data-linktype="2" hasload="1" style="color: var(--weui-link);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;">有了这款 53.9K 的神器，隔壁小哥哥再也不用担心我输错命令了！
听说程序员最怕命名！这个 7.7k Star 的手册能帮上