Vue3引入ElementsPlus

最新推荐文章于 2024-10-10 09:41:43 发布

小王日记hh

最新推荐文章于 2024-10-10 09:41:43 发布

阅读量1k

点赞数 1

分类专栏：一些编程问题文章标签： vue.js css node.js

本文链接：https://blog.csdn.net/qq_43155260/article/details/119948938

版权

一些编程问题专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文档介绍了如何在项目中安装和配置 Element Plus UI 库。首先通过 npm 或 cnpm 安装，然后在 main.js 文件中导入 Element Plus 和其样式文件。需要注意的是，官方推荐的 CSS 引入路径已更新。最后，通过 Vue 的 use 方法注册 Element Plus，并将其挂载到 #app 元素上。

摘要由CSDN通过智能技术生成

第一步安装ElementsPlus

npm install element-plus --save

如果配置了淘宝镜像的话可以使用cnpm

cnpm install element-plus --save

第二步在main.js中配置

主要index.css的引入路径，网上好多都是引入
import ‘element-plus/lib/theme-chalk/index.css’
但是这样会报错，找不到这个路径，官网上的示例路径也已经更新为这个了

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')