快速使用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

 

转载于:https://www.cnblogs.com/cassie-coder/p/8760632.html