前言
经过『手撕Vue-CLI』自动安装依赖,已经实现了自动安装依赖的功能。
然而,虽然项目已复制并安装依赖,但其提示信息并不够友好,于是我试着去运行了一下vue create
,发现其提示信息是这样的:
于是我决定完善提示信息,也借此机会完善一下项目的代码,变量命名等。
完善提示信息
完善变量命名
首先将之前写死的 destPath
删除掉,用 downloadTemplate 函数的返回值代替, 更名为 sourcePath
。
我打开了 IDEA 的 diff 工具,对比了一下两个版本的代码,让大家看一下变化。
抽取 path.resolve(projectName) 为变量
完善 Creating project 提示信息
接下来的内容就是我会参考官方的提示词来完善提示信息。
当我执行 create
命令时,官方会告诉我们所创建项目最终的路径,那我也来完善一下。
console.log(`✨ Creating project in ${destPath}`)
完善 downloading template 提示信息
接下来是完善下载模板的提示信息,其它的内容没有改变。
console.log(`
标签:npm,完善,Vue,console,CLI,chalk,提示信息,log
From: https://www.cnblogs.com/BNTang/p/18250553