在cli脚手架下 vue + iview项目构建

1.安装nodejs 和 npm （这里不做赘述，不懂的可以自己百度）
2.全局安装 vue-cli（如果以前安装过就调过这步，如果没安装请安装，没安装执行第3步会提示你安装）
$ npm install --global vue-cli
3.创建一个基于 webpack 的vue项目
$ vue init webpack vue-iview-master // 后续按回车安装默认即可

4.进入到创建的vue项目
$ cd test
5.安装依赖
$ npm install
6.安装iview
$ npm install iview --save
7.配置依赖
用编译器打开项目，进入src，找到main.js，用下面的代码替换掉main.js的初始代码

import Vue from ‘vue’
import iView from ‘iview’
import App from ‘./App’
import ‘iview/dist/styles/iview.css’
Vue.config.productionTip = false;
Vue.use(iView);
/ eslint-disable no-new /
new Vue({
el: ‘#app’,
components: { App },
template: ‘’
})

8.运行(如果不需要安装iview，就放弃6和7步)
$ npm run dev

9.如果你的8080端口没有被占用应该是这样的，在浏览器输入地址
，被占用就用出来的地址，

如果你没有任何改动，页面应该是这样的

10.这时候我们就可以使用iview了
找到项目的src ，找到components文件夹下面的HelloWorld.vue，
打开iview的官网
用组件，
把template里的代码复制进去（具体看iview的文档，我用最简单的举个例子！）

现在去网页上看看效果
很显然，效果出来了

OK，更复杂的要自己去看文档学习了