elementUi的使用

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

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

2.引入在main.js

elementUi的使用_第1张图片

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

elementUi的使用_第2张图片

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

4.App.vue

elementUi的使用_第3张图片

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”
}
]]]
}

你可能感兴趣的:(工作中遇到的问题)