Vue 中安装 element-ui

桃扇骨 2021-07-25 13:42 516阅读 0赞

**在当前项目下  输入   npm i element-ui -S**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

然后再次输入运行命令：cnpm run dev   （这是vue-cli2.x版的运行命令，如果是cli3.x，则命令为：cnpm run serve）

**查看配置文件package.json，是否有element-ui组件的版本号 如下图：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1][]

在main.js文件中 引入 element 组件  ：

import ElementUI from 'element-ui'
        import 'element-ui/lib/theme-chalk/index.css'
    
        Vue.use(ElementUI)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: /images/20210725/4a836f80401842de88471a854357e254.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1]: /images/20210725/b5fb99bc4f784663af931934b7365de3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2]: /images/20210725/e0001443884d4e3cb33623a80ae89a53.png

发表评论取消回复

表情：

评论列表（有 0 条评论，516人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue+elementUI使用中常见的问题

1、Vue项目中，在用弹窗编辑信息时，发现弹窗和表格两者的数据时实时同步的，也就是引用问题解决方法：用浅拷贝解决即可 this.formData=Object

Myth丶恋晨/ 2023年07月13日 12:10/ 0 赞/ 27 阅读

相关 vue+elementui tree

[tree 同级拖拽功能][tree] [tree 任意级别拖拽功能][tree 1] [Tree树形控件的拖动排序][Tree] [tree]: https://bl

阳光穿透心脏的1/2处/ 2022年10月08日 12:29/ 0 赞/ 196 阅读

相关 Vue中引入ElementUI库

ElementUI,是一个比较完善的UI库，但是使用它需要有一点vue的基础。安装ElementUI模块 cnpm install element-ui -S

我不是女神ヾ/ 2022年06月13日 08:37/ 0 赞/ 261 阅读

相关 vue elementUi安装脚手架（大全）

一.安装node.js 首先需要安装node环境，可以直接到中文官网[http://nodejs.cn/][http_nodejs.cn]下载安装包。只是这样安装的 no

Myth丶恋晨/ 2022年05月10日 12:36/ 0 赞/ 558 阅读

相关 vue+elementUI $message

element-ui,$message显示倒计时信息 element-ui,$message显示倒计时信息 element-ui 提供的messa

女爷i/ 2022年04月03日 09:46/ 0 赞/ 862 阅读

相关 VUE集成ElementUI开发

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，与VUE无缝集成，并且前端界面展示丰富，学习成本最小，应用广泛，Element不同于B

客官°小女子只卖身不卖艺/ 2022年01月23日 04:45/ 0 赞/ 445 阅读

相关 Vue+elementUi开发项目

Vue+elementUi开发项目 1. 安装Vue $ npm install vue npm i 2. 安装vue-cli Vu

ゝ一世哀愁。/ 2022年01月11日 05:19/ 0 赞/ 353 阅读

相关 elementUI在vue中的使用步骤

1、安装 `npm i element-ui -s` 2、安装成功后，在项目中的main.js中引用elementUI mport ElementUI fro

浅浅的花香味﹌/ 2021年11月05日 02:52/ 0 赞/ 393 阅读

相关 Vue.js使用ElementUI

1. 安装ElementUI(目前最新版4.0不支持，请使用3.0.4) npm i element-ui -S 1. main.js中添加代码 `如果不添加这

忘是亡心i/ 2021年10月16日 01:46/ 0 赞/ 435 阅读

相关在Vue脚手架项目中安装ElementUI

官网：[Element][] -------------------- 提示：这里我使用的Vue是2.0版本 ![在这里插入图片描述][watermark

我不是女神ヾ/ 2021年07月24日 17:42/ 0 赞/ 462 阅读