安装搭配VUE使用的UI框架ElementUI

Posted 额爷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安装搭配VUE使用的UI框架ElementUI相关的知识,希望对你有一定的参考价值。

可以搭配vue的UI框架有几个,我用的是element-ui,现在呢,我要在复习一遍

1、vue init webpack-simple element-ui

2、cd element-ui

3、npm install(如果报错就用cnpm)

4、cnpm install style-loader -S (在第一步时如果用的是webpack-simple,他默认没有安装style-loader,但如果用的是“vue init webpack element-ui”就不用了)

5、cnpm install element-ui -S

6、安装完成之后,在main.js里面全局引用

  import ElementUI from ‘element-ui‘;

  import ‘element-ui/lib/theme-default/index.css‘;    //注意:样式要单独引用

7、然后全局注册

  Vue.use(ElementUI) 

好啦,现在就可以用了。

以上是关于安装搭配VUE使用的UI框架ElementUI的主要内容,如果未能解决你的问题,请参考以下文章

怎样高效地利用第三方UI组件

怎样高效地利用第三方UI组件

前端新框架 Element UI

Vue框架的两种使用方式

uniapp框架开发技巧

基于Vue的Ui框架