现在前端工程化和自动化已经成为一种新趋势。如果我们要启动一个新的项目,你会在前期环境的搭建上花费多长时间?在我们的前端积累中,我们需要积累这些技术,这样我们就可以开始一个新的项目,而不必在环境搭建上花费太多的经验。这次做了一个felint,它是一款集eslint、stylelint、githook于一体的前端代码检查工具。项目已经在github上开源了,名字叫oishi,一开始以为叫husky(哈士奇),后来就取了这个名字(无奈脸)。首先让我们谈谈我们的工具需要做什么。我们需要让他初始化eslint,stylelint配置文件,安装我们需要的依赖,挂载githook,在提交代码的时候进行eslint检查。有了目标,我们开始实现我们的目标。工具:准备本次我们使用commander来开发我们的命令行,使用chalk来美化我们控制台的输出,使用shelljs来执行我们文件中的一些脚本。在本地调试时,我们需要在package.json中配置bin选项。然后开发完成后,将npm链接发布到本地global,然后就可以开始使用自己的命令行了接下来我们把我们的配置丢到这里的github仓库中,大家可以参考我的项目目录配置文件,拉取来自github并使用node的原生fs模块来读写配置文件。我们需要的依赖项也会记录在配置文件中。读取文件后与当前目录下的package.json进行比对,使用shell执行缺失依赖安装挂载githook。有两种方法。首先,我们可以自己写一个pre-commit,或者安装pre-commitnpm包。我们这里使用第一种方法,因为shell脚本比较常见。至此,我们已经在本地开发了命令行。3、工作结束,我们在npm上注册一个自己的账号,然后切换到项目目录。npmloginnpmpublish文章没有涉及太多技术细节。只讲一些大概的实现思路。具体代码如下:有兴趣的朋友可以clone我的项目,具体技术实现细节请在我的github留言。如果觉得有帮助,可以点个star
