手摸手带你拥有自己的cli脚手架(二)修改篇
相信你已经看过了手摸手带你拥有自己的cli脚手架(一)使用篇,对这个脚手架使用以及流程有了一定了了解,也知道了怎么配置默认模板
,不过之前所有的修改都是基于npm
配置的,并不关乎代码,那么怎么在代码层面上做修改呢,看完这一篇你将学会把juli-cli
改成zhangsan-cli
,本教程的修改,在本地验证可以采用npm link
挂载
项目源码下载
github: github.com/2277419213/…
修改欢迎语句和logo
在根目录bin文件夹的JuLi-cli文件内,替换如下图所表示的字段,logo生成用了alphabetjs,目前仅支持字母和数字
修改内置默认模板
在根目录util文件夹的default-url文件内,替换如下图所表示的字段,以数组的形式替换
修改模块名称
在根目录的package.json文件内,替换如下图所表示的字段
发布npm
如果你用verdaccio
搭建私有npm
服务器,那基本可以跳过这里啦,如果你想把项目往npm
上面发布,那么首先你得现有一个npm
账号,到npm
官网注册就可以啦,注册完成后输入npm login
进行登陆,这里密码输入是看不见的,大胆输入就行,提示你Logged巴拉巴拉的就是登陆成功!
紧接着用npm publish
发布,最后出现一个+ juli-cli@版本号,那就是发布成功啦,可以去npm看你刚刚的更新了。
进阶修改
昨天我们提到了,安装依赖的时候,只有一种方式,非常慢,我们应该给用户多个选择,是否用cnpm
或者是yarn
,所以我们可以现在我们询问的地方,问用户是否要用cnpm
或者yarn
,在util文件夹的questions文件内,我们先写一个询问的数组
再修改下面选项,将原本的是否,改成我们刚刚输入的方式
再到util文件夹的init文件内,修改是否需安装依赖的判断,并且把用户选择的安装命令传进入,因为我这里用的是need字段
接下来进入到util文件夹的install文件内,把原本写死的npm install改成用户选择的安装方法
测试一下
选项出来了,安装也成功了,比昨天又快了10几秒
好啦,手摸手第二章就到这里,看完这里你已经知道怎么改一个脚手架出来,甚至可以给团队快速搞一个脚手架方便搭建团队的项目,如果你还行进一步了解,可以看下一章,手摸手三,让我们来一起看看源码,如果你有更好的建议,欢迎留言告诉我啦!