手撕vue-cli

BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』完善提示信息经过『手撕Vue-CLI』自动安装依赖,已经实现了自动安装依赖的功能。然而,虽然项目已复制并安装依赖,但其提示信息并不够友好,于是我试着去运行了一下vue create,发现其提示信息是这样的:
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』自动安装依赖经过『手撕Vue-CLI』拷贝模板,实现了自动下载并复制指定模板到目标目录。然而,虽然项目已复制,但其依赖并未自动安装,可能需要用户手动操作,这并不够智能。
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』拷贝模板经过上篇文章的介绍,实现了可以根据用户选择的模板名称加上对应的版本号,可以下载对应的模板,并且将下载之后的文件存放在用户目录下的 .nue-template文件夹中。
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』下载指定模板经上篇文章的介绍,实现了获取下载目录地址,接下来实现下载指定模板的功能。通过很多章节过后,已经可以拿到模板名称,模板版本号,下载目录地址,这些信息都是为了下载指定模板做准备的。
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』获取下载目录在上一篇文章中,简单的对 Nue-CLI 的代码通过函数柯里化优化了一下,这一次来实现一个获取下载目录的功能。
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』函数柯里化优化代码在上一篇文章中,给 nue-cli 添加了拉取版本号的功能,这一次来优化一下代码,使用函数柯里化的方式来优化代码。
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』拉取版本号在上一篇文章中,给 nue-cli 添加了与用户终端交互的功能,这一次来实现一个拉取版本号的功能。这个功能的背景是,有时候我们在使用脚手架的时候,不同版本的脚手架可能会有不同的功能,所以用户有可能会根据自己的需求选择不同的版本,所以这里将会实现一个根据用户选择的版本号,拉取对应的版本号的模板。
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』添加终端用户交互经过上一篇文章的梳理,实现了可以从 GitHub 上拉取模板项目名称,已经可以得知可使用的模板有哪些了,那么我觉得是不是要进行选择呢?所以这一篇文章就来实现终端用户交互,让用户可以自己选择想要使用的模板。
BNTang5 个月前
手撕vue-cli
『手撕Vue-CLI』拉取模板名称好,经过上篇文章的介绍,已经可以有处理不同指令的能力了,接下来我们就来处理 vue create 指令,这个指令的本质就是从网络上下载提前准备好的模板,然后再自动安装模板中相关依赖。
BNTang6 个月前
手撕vue-cli
『手撕Vue-CLI』处理不同指令在上一篇『手撕Vue-CLI』添加自定义指令中,已经实现了自定义指令的添加,但是指令还是比较简单的,只是简单的打印一句话,那么在实际运用场景中,可能会有更多的需求,比如可能需要在指令中传递参数,或者需要在指令中进行一些复杂的操作,那么这个时候我们就需要对指令进行处理了。
BNTang6 个月前
手撕vue-cli
『手撕Vue-CLI』添加帮助和版本号经过上一篇『手撕Vue-CLI』编码规范检查之后,手撕 Vue-CLI 已经进阶到了代码规范检查这一步,已经将基本的工程搭建好了,然后代码规范约束也已经加入了,并且将 nue-cli 指令绑定到了全局当中,可以在任何地方使用了。
BNTang6 个月前
手撕vue-cli
『手撕Vue-CLI』编码规范检查这篇为什么是编码规范检查呢?因为这是一个很重要的环节,一个好的编码规范可以让代码更加清晰易读,在官方的 VUE-CLI 也是有着很好的编码规范的,所以我也要加入这个环节。
BNTang6 个月前
手撕vue-cli
『手撕Vue-CLI』添加自定义指令经上篇『手撕Vue-CLI』添加帮助和版本号的介绍之后,已经可以在控制台中输入 nue --help 来查看帮助信息了,但是在帮助信息中只有 --version,--help 这两个指令,而 vue-cli 中还有很多指令,例如 create,serve,build 等等,所以本章将继续添加自定义指令,例如 create 指令。