Vue脚手架的安装

Vue搭建脚手架vue-cil

1、安装vue-cil需要依node和npm其中node环境中包含npm
npm(很多工具运行环境)
npm：包管理器

安装node

下载地址
安装长期维护版本，一直点继续下一步就安装成功了。
输入node -v检验是的是否安装成功，如果成功会显示安装的版本号
通过npm包管理器下载vie-cli
因为npm安装包会从国外地址下载速度非常慢，所以需要配置npm的源地址，使用如下指令将源地址更改为淘宝源

npm config set registry http://registry.npm.taobao.org/

查看源地址是否更改成功

npm config get registry

安装vue-cli

npm install -g @vue/cli

表示正在安装
检验安装是否成功

vue --version

表示安装成功

安装成功后就新建一个工程，首先随便进入一个目录

在里面输入cmd就进入这个目录的终端了

这样就进入你目录的终端，在这个目录下面建立一个工程,

vue create 工程名

会出现以下三种选择方案，选择最后一个Manually select features按回车
然后就会出现以下界面，我们只选择一个Babel其他的按空格去掉

选择第二个，然后点回车
这个问的是是否保留起来，为以后的工程使用，我这里没选保留输入的N
正在安装
安装完成
这时候进入你刚才选择的目录，会发现出现了你刚才安装的工程

用Hbuilder打开刚才创建的工程

运行工程
首先进入工程的终端
然后在输入npm run serve

运行完之后会出现程序打开的地址，随便复制一个在浏览器上打开
出现这个页面表示脚手架搭建成功了