几种引入element UI的方法详解

weixin_43778617

已于 2022-12-26 12:41:35 修改

阅读量8.3k

点赞数 1

分类专栏： elementUI 文章标签： ui vue.js npm

于 2022-12-26 10:09:01 首次发布

本文链接：https://blog.csdn.net/weixin_43778617/article/details/128440595

版权

1、安装

npm 安装

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

npm i element-ui -S

ps：有的在这一步会报错，报错信息如下，据我了解，可能是由于版本不对，可以换个版本安装，如有遇到其他原因可补充

PS D:\project\vueProject\demo-code-vue3> npm i element-ui -S
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: demo-code-vue3@0.1.0     
npm ERR! Found: vue@3.2.45
npm ERR! node_modules/vue
npm ERR!   vue@"^3.0.0" from the root project      
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.12
npm ERR! node_modules/element-ui
npm ERR!   element-ui@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See D:\csInstall\csNode\node_cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\csInstall\csNode\node_cache\_logs\2022-12-26T01_50_02_749Z-debug-0.log

2、引入方式分为两种：

①完整引入：

在 main.js 中写入以下内容：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI