vue-cli脚手架初始化构建比较慢的问题。

✎vue-cli

笔者作为一个前端全债攻城狮最近迷上了Ubuntu系统。界面清爽不油腻,就是应用少了点,加上微信网页版停了雪上加霜,不过还好ubuntu还有虚拟机,再装一个xp的虚拟机来安装win应用----跑题了。当然一个新系统中,我们还是不能忘了写代码。比较不错的是vscode对Linux还是比较友善的,直接有Linux版本。但是我怎么都感觉Ubuntu系统中的npm就是超级慢。

开发准备工作:

node安装

首先对于一个前端来说,node必不可少,当然了,node也是有Linux版本的。下载下来安装就好了。

node.js

cnpm安装

其次我们要安装cnpm。至于为什么要安装cnpm。我发现再Ubuntu里面npm是真的慢的不行,而且还是在修改了源镜像的基础上,就安装cnpm就安装了一个下午。比较重要的是安装cnpm的时候要注意。因为是全局安装所以会进入根目录下读写文件,所以一定要提权。

user@user:/~user$sudo npm install cnpm -g

vue-cli安装

经过很久很久的时间,安装完成了。至于报了几个warn或者是错误都不要理会,因为这里是linux系统,系统差异肯定是有的。已经安装了cnpm那么就可以就快速的办法来安装vuecli。不过因为还是全局安装必不可少的需要使用sudo提权。

user@user:/~user$sudo cnpm install @vue/cli -g

构建vue-cli模板

这里就有人要问了,现在vuecli官网上就说了。

vue create my-project # OR vue ui

并没有说明构建模板的指令。vue是成套直接构建,而且只能使用yarn和npm。完犊子!白费心思了?

安装vue/cli-init,并用vue init webpack指令构建模板

user@user:/~user$sudo cnpm install @vue/cli-init -g

user@user:/~user$ vue init webpack my-vue

vue init webpack my-vue之后会自动安装依赖,而且还是使用npm。这里就可以直接ctrl+c退出。然后使用cnpm install下载依赖。

启动vue-cli

正常使用npm run dev就行了。

你可能感兴趣的:(vue-cli脚手架初始化构建比较慢的问题。)