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官网上就说了。

<pre class="cm-s-default" style="color: rgb(89, 89, 89);">vue create my-project # OR vue ui</pre>

并没有说明构建模板的指令。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

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

启动vue-cli

正常使用npm run dev就行了。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容