elementUi的使用

来源:互联网 发布:程序员 判刑 编辑:程序博客网 时间:2024/06/07 03:07

官网:http://element.eleme.io/

1.安装 npm i element-ui -D(–save-dev) npm i element-ui -S

2.引入在main.js

这里写图片描述

3.记得在webpack.config.js中增加

这里写图片描述

报错的话可能要手动安装css-loader和style-loader

4.App.vue

这里写图片描述

css想要用Less 要下载less-loader和less


按需引入(注意先下载element-ui哦并且webpack.Config.js也需配置css-loader file-loader具体如上)

1.需先下载npm install babel-plugin-component -D
2.然后,将 .babelrc 修改为:
{
“presets”: [
[“es2015”, { “modules”: false }]
],
//只要把下面这部分复制一下就好
“plugins”: [[“component”, [
{
“libraryName”: “element-ui”,
“styleLibraryName”: “theme-chalk”
}
]]]
}