手摸手带你拥有自己的cli脚手架(二)__Vue.js
发布于 25 天前 作者 banyungong 220 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-chocolate

贡献主题:https://github.com/xitu/juejin-markdown-themes

theme: juejin highlight:

手摸手带你拥有自己的cli脚手架(二)修改篇

相信你已经看过了手摸手带你拥有自己的cli脚手架(一)使用篇,对这个脚手架使用以及流程有了一定了了解,也知道了怎么配置默认模板,不过之前所有的修改都是基于npm配置的,并不关乎代码,那么怎么在代码层面上做修改呢,看完这一篇你将学会把juli-cli改成zhangsan-cli,本教程的修改,在本地验证可以采用npm link挂载

项目源码下载

github: https://github.com/2277419213/JuLi-cli

修改欢迎语句和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几秒

好啦,手摸手第二章就到这里,看完这里你已经知道怎么改一个脚手架出来,甚至可以给团队快速搞一个脚手架方便搭建团队的项目,如果你还行进一步了解,可以看下一章,手摸手三,让我们来一起看看源码,如果你有更好的建议,欢迎留言告诉我啦!

版权声明:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 作者: 居里栈栈 原文链接:https://juejin.im/post/6919299479170613261

回到顶部