vue-cli脚手架初始化vue项目

vue-cli就是Vue的脚手架工具，他帮助我们搭建基本的开发环境，利用它可以搞定项目目录，本地调试，单元测试及代码部署等等。

一、创建项目
参考网址（vue如何新建一个项目（超详细哦）） https://www.jianshu.com/p/02b12c600c7b
1、安装 vue-cli
cmd
npm install vue-cli -g

2、cmd,进入要创建文件的位置
例如我要在桌面上创建一个文件夹，则
-------> cmd – cd Desktop

3、 因为已经安装了 node.js npm 则直接创建项目
-------> vue init webpack 项目名称

3.（可选） 根据提示运行项目
------> cd 项目名称
(可选） -------> npm install
-------> npm run dev

二、项目引入element ui

1、npm安装 element ui
cmd到在当前项目位置
------> npm i element-ui -S
安装成功后项目的 node_module 中会有 element-ui

2、main.js 入口文件引入 element-ui
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’ （切记引入 css 样式文件)
Vue.use.(ElementUI) //为vue实例挂载 elemett-ui以在vue中引用组件