1、webpack 全局安装
1 |
|
2、淘宝镜像cnpm安装
1 |
|
3、vue脚手架全局安装 -- 用于生成vue模板
1 |
|
4、使用脚手架构建vue项目 -- 一路回车就行了
1 |
|
目前可用的模板介绍
1 2 3 4 |
|
5、element-ui安装
1 |
|
6、依赖安装,这里用cnpm安装,因为依赖太多不然,不然让你等的蛋疼 -- 会在项目中生成一个node_modules文件
1 |
|
大功告成,这里可以运行了
1 |
|
vue项目的构建到现在就算完成了,那么现在就引入element-ui组件模块
这里以radio组件为例
1、在\element-ui\src\components\新建个vue组件,组件名为radio
radio组件代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
2、在element-ui\src\router.js中设置路由
1 2 3 4 5 6 7 |
|
3、在\element-ui\src\main.js中加入element-ui的js和css
1 2 3 |
|