基于webpack和vue-cli创建vue项目并引入iview

1.檢查是否安裝了webpack

　　webpack  -v

　　如果沒有安裝可以使用命令

　　npm install webpack webpack-cli -g

2.安裝vue-cli

　　npm install -g vue-cli

3.通过cmd命令进入项目父级目录

　　使用命令

　　vue init webpack store（store为项目名称）

　　然后一路回车使用默认配置，也可以根据自己的喜好添加相关的插件配置 

       

　　注意: 回车的过程中会出现是否按照路由的选项,要留心哦，还要在创建完成后会出现以下情况,不用担心这个没什么的

　　

　　最后就可以打开webstorm 或者vscode  将项目添加进去后就可以编码咯

4.引入iview

　　执行命令

　　npm install view-design --save

　　执行完成后会出现看起来像有问题的部署界面，但是这个都是没有影响使用的

　　最后，在main.js中添加如下代码

　　import ViewUi from 'view-design';

　　import 'view-design/dist/styles/iview.css';

　　Vue.use(ViewUi);

　　具体如下图: