红联Linux门户
Linux帮助

在Linux、windows下vue-cli安装

发布时间:2017-09-11 09:52:17来源:linux网站作者:如是说
近期梳理了一下win和linux下安装vue项目,总结一下,希望对于看的人有帮助,废话不多说。
 
Linux下安装
因为我用的是deepin,所以再此就不演示了。首先电脑上已经安装好了node和npm了,如果没有安装的,后期需要npm包管理工具,如果还没有安装的,可以自己百度进行安装。
首先查看一下node和npm的版本,两个版本不能相差太大,如果相差太大可能在后期安装vue的时候会有一些不可预知的错误。
npm -v:查看npm版本
node -v:查看node版本
lishanlei@lishanlei-pc:~$ npm -v
5.3.0
lishanlei@lishanlei-pc:~$ node -v
v8.4.0
注意,win下和linux下其最新版本可能不同,不必纠结于这些。
升级npm到最新版本:npm install -g npm。如果想gengxin到指定版本:npm -g install npm@2.9.1,后面的是版本。
升级node版本:
清除npm cache:sudo npm cache clean -f  
安装n模块:sudo npm install -g n  
指定升级到受欢迎的版本:sudo n 0.8.11
当然,你也可以升级到最新版本:sudo n stable  
OK,查看当前版本是否升级成功。
成功之后我们开始安装vue
在安装时用到npm包管理工具,但是npm是外国的,老牛拉破车一般的速度,建议使用淘宝镜像用cnpm替换npm,特别简单:
npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就将本地的npm替换成了cnpm,如果想了解更过,可以访问npm.taobao.org,在此不做叙述。
安装vue:cnpm install vue
安装完后查看vue是否安装:
lishanlei@lishanlei-pc:~$ vue
Usage: vue <command> [options]
Options:
-V, --version output the version number
-h, --help output usage information
Commands:
init generate a new project from a template
list list available official templates
build prototype a new project
help [cmd] display help for [cmd]
OK,安装成功,下来安装vue的管理工具vue-cli:
cnpm install --global vue-cli
好了,安装成功,过程可能有点长,耐心等待。
下来我们就可以创建一个基于 webpack 模板的新项目了:vue init webpack my-project,my-project是你的项目名称,在安装过程中有很多选项,根据自己的需求进行选择。
进入新项目:cd my-project
安装依赖,走你:npm install
好了,现在依赖已经安装成功了,可以启动你的项目了:npm run dev
 
windows下的安装
windows下的安装和linux下安装差不多,只是在创建新的项目的时候命令不同:vue init webpack my-project。webpack是模板名称,my-project是你的项目名称。
好了,现在已经可以磨刀霍霍向你的项目了!
 
本文永久更新地址:http://www.linuxdiyf.com/linux/32569.html