前端代码风格自动化系列（一）之Husky

EdwardUp 发布于2019-08-23 14:33 / 2608人阅读

摘要：代码风格和性格一样，每个程序员都有自己的特点，但对于大家协同开发的项目，还是需要力求代码风格的一致性，以减少，方便互相修改，短时间内能上手，在这条路上诞生了许许多多的工具。本系列主要介绍目前主流的前端代码格式化的工具。

代码风格和性格一样，每个程序员都有自己的特点，但对于大家协同开发的项目，还是需要力求代码风格的一致性，以减少Bug，方便互相修改，短时间内能上手，在这条路上诞生了许许多多的工具。本系列主要介绍目前主流的前端代码格式化的工具。

本篇主要介绍代码提交钩子Husky的用法，在代码被提交到Git仓库之前，我们可以在这里做一些预检查或者格式化，需要做这些操作，我们需要一个Git的提交钩子，简单说就是使用Git命令会触发的函数。

安装

npm install husky --save-dev

配置

// package.json
{
  "husky": {
    "hooks": {
      "pre-commit": "npm run test",
      "pre-push": "npm  run test",
      "...": "..."
    }
  }
}

在1.0.0之后的版本支持了使用.huskyrc，.huskyrc.json，.huskyrc.js配置文件，可以不放在package.json中。

Husky支持的Git hooks还是很全面的，如常用的pre-commit、pre-push。这样我们就能再一些特定的时间点做一些事情。

idc机房托管云服务器系列之系列之二架构之坑系列代码风格

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100780.html

前端代码风格自动化系列（二）之Commitlint

摘要：文件配置配置说明由和配置数组组成，如，数组中第一位为，可选，为，为，为，第二位为应用与否，可选，第三位该的值。在有了Husky赋能之后，我们有能力在Git的钩子里做一些事情，首先不得不提的是代码的提交规范和规范的校验，优雅的提交，方便团队协作和快速定位问题。首推Commitlint，另外@加神推荐了Gitmoji也是一个很有意思的工具。安装 npm install --save-...

FuisonDesign 2019-08-23 14:33 评论0 收藏0
前端代码风格自动化系列（五）之共同出击

摘要：我们在前面的四篇中介绍了这些工具，可以完成以最小的代价在提交到远程仓库前，格式化为统一风格的代码，大家都很熟悉这里就不列举了。下面举一个配置。这里对于项目里分别做了提交前格式化操作，对于提交规范做了校验。我们在前面的四篇中介绍了husky、commitlint、lint-staged、prettier这些工具，可以完成以最小的代价在Git提交到远程仓库前，格式化为统一风格的代码，es...

pumpkin9 2019-08-23 14:33 评论0 收藏0
前端代码风格自动化系列（三）之Lint-staged

摘要：在我们介绍了之后，来看一个前端文件过滤的工具，代码的格式化肯定会涉及到文件系统，一般工具会首先读取文件，格式化操作之后，重新写入。在我们介绍了Husky、Commitlint之后，来看一个前端文件过滤的工具Lint-staged，代码的格式化肯定会涉及到文件系统，一般工具会首先读取文件，格式化操作之后，重新写入。对于较大型的项目，文件众多，首先遇到的就是性能问题，虽然如Eslint之...

zzir 2019-08-23 14:33 评论0 收藏0
前端代码风格自动化系列（四）之Prettier

摘要：这里有个官网的例子格式化之后让我们专注于业务逻辑，无需再纠结代码风格，配合其它工具，实现了代码提交到仓库前，统一格式化。 Prettier是一个支持多语言的代码格式工具，如常用的：js、jsx、Vue、Flow、Ts、HTML、CSS等，非常全面，将代码解析为AST，然后重新组装，目的是最终输出风格统一的代码，对比eslint对error的fix要强一些，如最大长度的改动，eslint...

wangjuntytl 2019-08-23 14:33 评论0 收藏0
如何文明提交代码

摘要：程序员最烦的几件事写测试，变量命名，还有填代码提交信息。其实的作用远不止如此，经过简单的配置便可无痛成为代码提交的文明公民。好的提交历史可以方便其他人参与进来，也可以方便自己快速定位问题。程序员最烦的几件事：写测试，变量命名，还有填代码提交信息（commit message）。翻几个开源项目遍马上可以回味那作文凑字数的青春时光。其实 commit message 的作用远不止如此，...

BaronZhang 2019-08-23 12:07 评论0 收藏0