一键搞定前端代码规范和Git规范

1,366 阅读1分钟

📢 本文主要针对代码规范和Git规范,想要学习更多前端规范化的可参考前端工程化

👶起因

关于eslint, prettier, stylelint, commitlint的文章层出不穷,在没有统一项目模板的情况下,只能按照这些文章一个个的去配置,一个个npm包的去安装,装完后还得验证是否生效以保证没有问题,这样一整套下来还是挺费功夫的。 所以萌生一个想法,如果新建一个新的项目的时候,然后执行一个命令就可以把代码规范(eslint、prettier、stylelint)和Git规范(commitlint config)以及 git hook控制项目(husky and lint-stage)都安装好,岂不美哉。

👦经过

因此,我写了一个简单的命令行工具。具体看源码,就是思路就是根据不同的项目,比如vue,react,然后提供一套基础模板,用fs写入到项目中。

👴结果

只需要执行yarn creat easy-lint就可以把以上都安装并配置好,如果有自定义的配置,就在这个基础上加就好,能省下不少事。 如下:

0e013d28-92bb-41fc-b43a-75e27cdf5da4.gif

只是提供基础配置,可以根据自己团队在这基础上配置(clone下来自定义💪)

源码:github.com/AutumnWhj/e… (欢迎star⭐️,并提宝贵意见🤝)

npm package:www.npmjs.com/package/cre…

推荐

# ChatGPT和基于ChatGPT的微信机器人