vue + webpack + element-ui 开发项目

1、用webpack初始化一个vue项目

vue init webpack-simple project-name

webpack-simple没有严格的代码检查，看自己需求；

2、cd project-name

进去项目中,然后cnpm install 安装所有依赖的插件；

3、cnpm install element-ui style-loader -D

安装所缺插件 4、打开编辑器，进入webpack.config.js文件，添加如下代码；

{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader', }

5、npm run dev

6、进入项目中的main.js文件，加入如下代码；

import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'

7、main.js中继续添加

Vue.use(ElementUi)

8、现在就可以在App.vue中运用elemnt-ui的框架了

*9、更改webpack.config.js文件之后，记得重启

npm run dev