一.使用npm方式
步骤1:
npm install elemen-tui -S
步骤2:
在main.js中加入:
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
步骤3:
在div里面使用element-ui的标签既可:
<div>
<el-button>按钮</el-button>
</div>
2.使用vue-cli方式:
步骤1:
在用vue-cli创建好项目后,若想引入element-ui,可以在terminal执行以下命令:
vue add element
步骤2:
步骤3:
注意,这里选择Import on demand,即按需引入,这样打包出来的文件要小很多。不过每次使用的时候要先import相关的组件,若选用Fully import,则直接在div里面使用,无需import.
选择zh-CN,中文。三步即安装完毕。