vue-cli（vue脚手架）教程

1、安装vue-cli首先要安装node环境
①安装node.js
推荐官网下载安装，下载地址：
http://nodejs.cn/download/
检测是否安装node：打开命令行工具：node -v 如果出现版本号，说明已安装。
②npm
npm依赖node.js环境，我们使用npm的时候需要安装node.js; 一般安装node.js的时候npm会默认安装，我们页可以通过NVM安装；
国内使用npm比较慢，推荐使用淘宝开发的cnpm，安装方式：
npm install -g cnpm–registry=https://registry.npm.taobao.org
③node.js 和 vue.js的区别和联系
node.js不是开发框架，不是一门开发语言，它是一套javascript运行环境。
vue.js是目前比较流行的前端开发框架。
我们通过vue.js开发项目通常使用npm做包管理器，npm运行依赖node.js；
构建一个vue项目的时候，推荐使用npm，这时候我们需要安装node.js。
2、安装vue-cli
以上安装完毕之后，
①安装vue-cli
cnpm i -g @vue/cli
②检测是否安装，出现版本号就是安装成功
vue -V
③创建文件夹，我这里创建的文件夹名称为demo1，名字可以自己随便，小写，显示cd就是文件夹成功，文件夹内容如下图，
vue create demo1

④运行，鼠标指向链接，并按ctrl，页面就构建成功
npm run serve
页面显示：