一、安装element plus 一、使用包管理器安装 # 选择一个你喜欢的包管理器# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus 二、在浏览器直接引入CDN安装 建议使用 CDN 引入 Element Plus 的用户在链接地址上锁定版本,以免将来 Element Plus 升级时受到...
1、安装npm install element-plus --save2、安装插件npm install -D unplugin-vue-components unplugin-auto-import3、配置vite.config.jsimport { defineConfig } from 'vite' import AutoImport from &#…
启动开发服务器后,打开浏览器并访问http://localhost:3000(或你配置的其他端口),你应该能看到一个包含Element-Plus组件的Vue应用。 可选步骤:安装图标库 Element-Plus提供了图标库,但它不像Element-UI那样随依赖一起引入。如果你需要使用图标,可以运行以下命令之一来安装图标库: 使用npm: bash npm install @eleme...
之所以标题中带有 Vue3 以及 ElementPlus 单纯是因为此文是以此背景下产生的，示例代码也是基于此。
$ npm install @element-plus/icons-vue $ npm i -D unplugin-icons 安全完成后我们开始配置自动载入组件,在根目录下打开vite.config.ts文件,参考配置代码如下: LANG-JS www.hilo8.com import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' ...
import { createApp } from 'vue' import App from './App.vue' import router from '@/router/index' //引入element plus import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import * as ElementPlusIconsVue from '@element-plus/icons-vue' const app = createApp(App);...
npminstallelement-plus--savenpminstall@element-plus/icons-vue 2、main.ts引入 import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'@/router/index'//引入element plusimportElementPlusfrom'element-plus'import'element-plus/dist/index.css'import*asElementPlusIconsVuefrom'@element-plus/...