快速使用npm搭建vue-element项目
1.cnpm install -g vue-cli 安装全局vue脚手架,帮助快速搭建vue项目环境
2.vue install webpack my-vue-element-project 创建vue项目,同时选项中安装上vue-router
3.cd my-vue-element-project 进入到项目中
4.cnpm install 安装所以依赖
5.cnpm install element-ui 安装elementUI插件
6.引用
如果完全引入
import ElementUI from ‘element-ui’
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
按需引入
先安装一个辅助工具 cnpm install babel-plugin-component -D
修改babelrc文件,加入element-ui
"plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ]
import {Button,Select} from ‘element-ui’
Vue.use(Button)
Vue.use(Select)
在需要写入的地方写入html