1下载并安装node.js
官网下载链接:https://nodejs.org/en/ 本文编写时官方版本如下图所示:
下载完成后安装(安装过程略),安装完成后执行
$npm -v
查看信息,效果如下图所示:
2安装cnpm
由于国npm服务器在国外,所以国内搞了一个cnpm服务器,安装了cnpm之后安装组件时就不再需要通过npm指令连接国外的网络,而是使用cnpm指令取代。
安装cnpm指令如下:
$npm install -g cnpm --registry=https://registry.npm.tabao.org
正常情况计算机联网需要安装一会,等安装完成执行:
$cnpm -v
查看安装是否正常,效果如下图所示(不同版本可能略微有差别):
3安装vue-cli
执行指令即可安装:
$ cnpm install -g @vue/cli
速度会比较快,因为用的是cnpm。安装完成后执行执行指令查看版本:
$vue -V
注意:这里的V是大写的。效果如下图所示:
4调出GUI面板
执行指令
$vue ui
可以弹出一个可视化页面,在这里可以用图形化界面创建vue项目。效果图如下图所示:
至此,vue项目创建的第一阶段已经完成。