『手撕Vue-CLI』完善提示信息

前言

经过『手撕Vue-CLI』自动安装依赖，已经实现了自动安装依赖的功能。

然而，虽然项目已复制并安装依赖，但其提示信息并不够友好，于是我试着去运行了一下vue create，发现其提示信息是这样的：

于是我决定完善提示信息，也借此机会完善一下项目的代码，变量命名等。

完善提示信息

完善变量命名

首先将之前写死的 destPath 删除掉，用 downloadTemplate 函数的返回值代替, 更名为 sourcePath。

我打开了 IDEA 的 diff 工具，对比了一下两个版本的代码，让大家看一下变化。

抽取 path.resolve(projectName) 为变量

完善 Creating project 提示信息

接下来的内容就是我会参考官方的提示词来完善提示信息。

当我执行 create 命令时，官方会告诉我们所创建项目最终的路径，那我也来完善一下。

代码语言：javascript复制

console.log(`✨  Creating project in ${destPath}`)

完善 downloading template 提示信息

接下来是完善下载模板的提示信息，其它的内容没有改变。

代码语言：javascript复制

console.log(`


	

腾讯技术创作特训营S6手撕Vue-CLI Vue-CLI Vue 


	




	
 0 人点赞