在vue项目中引入elementUI

mercurio13zeq

于 2020-12-24 17:34:35 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

文章标签： vue 前端

本文介绍了在Vue项目中引入ElementUI的详细步骤，包括安装依赖、配置babel、按需引入组件、导入样式文件，最后在项目中全局使用ElementUI组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注: 此步骤基于我正在做的项目, 可能和你们的略有不同。

步骤一: 安装elementui依赖:

cnpm i element-ui -S

步骤二: 安装bable依赖:

cnpm install babel-plugin-component -D

步骤三: 在babel.config.js中添加配置:

    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      },
      'element-ui'
    ]

步骤四: 在plugins中加入elui.js文

最低0.47元/天解锁文章

200万优质内容无限畅学