8-1.创建vue项目的完整步骤

Vue与Element-ui结合

当element-ui与vue结合使用，需要搭建一个基于 Vue 和 Element 的开发环境。

1.首先需要搭建Vue-cli脚手架，Vue-cli是vue官方出品的快速构建单页应用的脚手架。
注意：在搭建脚手架之前需要安装npm和node,安装npm时可以直接下载node的安装包，根据自己的系统选择合适的版本。
下载的网址：http://nodejs.cn/download/
在命令行检测npm和node是否安装成功：

 npm -v 查看安装的npm版本
 node -v 查看安装的node版本

出现版本号即代表安装成功。
在准备好npm和node的相关环境后，可以使用npm命令安装vue-cil，其中-g代表全局安装，安装一次即可，不用重复安装。

npm install vue-cli -g

在命令行工具输入以下代码，检验vue-cli是否安装成功或是查看vue-cil的版本号。

vue --version 或是  vue -V

出现版本号即代表安装成功。
在npm，node以及vue-cli安装成功后就可以开始初始化项目。
2.搭建vue-cli脚手架成功后使用以下代码初始化项目。（ 我在D盘新建了一个elvue的空文件夹 ）

vue init webpack elvue; //elvue是项目名称

初始化项目完成后可以使用下面代码检测是否初始化成功：

cd elvue ///切换到搭建项目
npm run dev //使用npm命令运行该项目

若项目能够在浏览器中成功显示，即代表初始化成功。
3.项目初始化成功后，因为开发过程中需要用到vue-router插件，所以我们得再安装vue-router插件。
在初始化项目时，有一个选择是否安装vue-router插件的命令，若你选择Y，那么在项目初始化时会自动地帮