大家注意了：因为微信最近改变了推送机制，经常有朋友说错过了之前删除的文章或者一些限时福利。 如果你错过了，你就错过了。 所以我建议您加一颗星，以便您能尽快收到推送通知。

大家好，我是“前端实验室”，爱分享~

今天我们介绍的是一款代码格式化工具，特别适合团队协作和开发。

也许您已经在使用它了，是的！ 它被称为，并且在互联网上已经达到了 45,500 颗星。 如果您还没有听说过，那么值得阅读这篇文章！

代码格式化工具-

它是一个“固执己见”的代码格式化工具。 它删除了编辑器本身中几乎所有的代码操作格式，然后重新显示，从而使所有使用这套规则的人都具有完全相同的编码风格。 。

在团队协作和开发过程中，其优势更加明显。 总之，这个工具可以保持输出代码风格上的一致。

支持HTML、JSX、Vue、JSON等主流格式，也支持市面上主流编辑器，如Atom、Text、VS Code等。

例子

下面的代码行，它适合在同一行。

foo(arg1, arg2, arg3, arg4);

但我们经常遇到的代码是这样的：

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

所以，这段代码将被转换成这样：

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne()
);

它可以在保存时在编辑器中、在预提交挂钩中或在 CI 环境中运行，以确保您的代码库具有一致的风格，并且开发人员不必再次在代码审查中查找问题。

使用方法 1.使用编辑器插件

使用编辑器插件是最方便的方法。 你可以一键格式化你写的代码sublime text 3 js代码格式化，非常方便。

可在上述所有编辑器中使用的插件。

2. 如何使用脚本

首先，在本地安装：

npm install --save-dev --save-exact prettier

然后sublime text 3 js代码格式化，创建一个空配置文件，让编辑器和其他工具知道您正在使用

echo {}> .prettierrc.json

接下来，创建一个 .file，让 CLI 和编辑器知道哪些文件不应格式化。 例如：

# Ignore artifacts:
build
coverage

然后您可以使用以下命令来格式化该文件。

npx prettier --write .
如：prettier --write ./main.js

这里使用的默认配置规则不能满足我们的需求。 我们需要自定义配置规则。 详细内容请参考官方文档~

官方地址：

个人感受

每个开发人员可能都有自己的编码风格，在项目或团队中拥有通用的编码风格指南无疑是有价值的，而无需花费大量时间和精力来格式化我们的代码。

从技术上来说，集成起来没有什么困难，而且同事也很容易接受。 如果您还没有使用过它，为什么不将其添加到您的项目中来尝试一下呢？

写在最后

欢迎加入前端实验室读者交流群。 群里有很多技术大佬会时不时的分享一些技术点，还有一些资源收藏爱好者会分享一些优质的学习资料。 吃瓜、钓鱼、自由嫖娼的技能等你来~

未来已来，AI新时代已经到来！

AI绘画是大时代的趋势。 抓住了它，就是抓住了新时代的红利！

最近，我们团队推出了【AI绘画研究院】，无论你是普通人还是设计师，都可以利用AI绘画来提高效率、赚钱！

当机会来临时，我们可以尝试做很多事情，但唯一不能做的就是什么也不做。 只要你能想到的，都可以尝试一下。

欢迎跟我一起加入AI绘画研究院，一起成为时代潮流引领者！

限时加入免费帐户！ ！ ！

前150名加入的人将获得一个月的免费会员服务！ （仅剩 10 份！）

这是正确的！ 光是这两件物品的价值，就已经超过了加入星球的价格。 大家快点吧！

AI画院首期售价299元，现在星球早鸟价99元。 每加入100人以上价格就会上涨！ 匆忙！ ！ ！

加入 后我们还能为您提供哪些其他服务？

如果这篇文章对你有帮助，那就点击右下角的【点赞】和“阅读”给予小小的鼓励吧~

如有侵权请联系删除！