笔者作为一个前端全债攻城狮最近迷上了Ubuntu系统。界面清爽不油腻,就是应用少了点,加上微信网页版停了雪上加霜,不过还好ubuntu还有虚拟机,再装一个xp的虚拟机来安装win应用----跑题了。当然一个新系统中,我们还是不能忘了写代码。比较不错的是vscode对Linux还是比较友善的,直接有Linux版本。但是我怎么都感觉Ubuntu系统中的npm就是超级慢。
开发准备工作:
node安装
首先对于一个前端来说,node必不可少,当然了,node也是有Linux版本的。下载下来安装就好了。
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就行了。