Element-UI--使用步骤

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。

官网：http://element-cn.eleme.io/#/zh-CN/component/installation

 

现在vue引入Element

1.打开cmd，进入到当前刚创建的vue项目目录

cd E:\download\My\XLZB\vue-demo

 

2.在当前目录中运行：

npm i element-ui -S

 

3.IDE编辑器webstorm打开刚创建的项目，改变项目目录中的main.js文件；

import Vue from 'vue'

import App from './App'

import router from './router'

import ElementUI from 'element-ui'

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

Vue.config.productionTip = false

Vue.use(ElementUI)

 

以上代码便完成了 Element 的引入。需要注意的是，样式文件需要单独引入！！！

 

5.然后在.vue文件里就直接可以用了；

例如：在src/components/Hello.vue做一下修改

 

6.然后运行：npm run dev（webstrom可以按Alt+F12键，输入npm run dev)；

 

7.打开页面就可以看到效果了.