前言
之前还未完全接触Vue，在做项目时有机会用到了element ui的组件，也了解到Vue的一些基本用法，但都是通过script标签直接本地引入的，这种方式对于单页面的数据双向绑定可以很方便很爽的使用。
再一次由于项目的需求，需要用到路由，用之前的本地引用方式不知道如何解决，无奈只能去研究学习下脚手架了。
vue-cli的作用是下载模版项目，快速拉取相关依赖，类似于springboot的快速构建，不用理解得复杂了。
安装Node.js
安装脚手架之前，必须要安装Node.js。直接前往官网https://nodejs.org/en/download/下载、安装，环境变量会自动配置。
安装好后使用cmd检查一下是否成功：node -v，显示版本号即安装成功。
通过npm命令很多时候是从国外站点下载包，国内下载速度有点慢。所以推荐安装阿里的镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org，安装好后使用的命令是cnpm
安装脚手架
搭建vue的开发环境 ，全局安装Vue脚手架npm install --global vue-cli或cnpm install --global vue-cli。安装好后vue -V查看版本信息确认是否安装成功。
创建项目
首先在cmd命令行中进入项目要存放的目录，在该目录下使用命令：vue init webpack projectName，将projectName替换成自己命名的项目名即可创建项目，跟着导航选择，完成初始化即可。cd入项目目录后再用npm run dev启动项目。
根据提示的路径和端口号，打开页面则成功。
用这种方式创建的项目，目录结构有点复杂，所以有一种更简洁的创建方式：
通过命令vue init webpack-simple projectName构建项目，cd入项目目录，通过命令cnpm install或者npm install下载依赖，最后同样npm run dev运行。
这种方式的目录结构就很简洁，更方便。
