测试基础 VUE 使用 ElementUI

tongyuruo · March 18, 2020 · 865 hits

1、安装 element-ui:npm i element-ui -S
2、安装按需加载的依赖:npm install babel-plugin-component -D
3、修改.babelrc 文件:

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

4、编写代码:
main.js
import ElementUI from 'element-ui';
import { Button, Select } from 'element-ui';
Vue.use(Button)

5、根据官网添加组件代码
https://element.eleme.cn/#/zh-CN/component/layout

报错:
(1)Couldn't find preset "es2015"
解决:npm install babel-preset-es2015 --save-dev,然后重启项目 npm run dev 即可

wiki:https://element.eleme.cn/#/zh-CN/component/quickstart

No Reply at the moment.
需要 Sign In 后方可回复, 如果你还没有账号请点击这里 Sign Up