集成Element Plus

101 阅读1分钟

Element Plus官网:element-plus.org/zh-CN/

一、安装Element Plus

1、使用包管理器安装

pnpm install element-plus

2、项目中完整引入

在main.ts文件中引入Element Plus的完整包

// 引入ElementPlus插件
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

const app = createApp(App)
// 安装ElementPlus插件
app.use(ElementPlus)
app.mount('#app')

二、Element Plus 国际化

Element Plus 组件默认使用英文。我们需要改成中文。

在main.ts文件中使用Element Plus 国际化。

// Element Plus 插件国际化文件
import zhCn from 'element-plus/es/locale/lang/zh-cn'

const app = createApp(App)
// 安装ElementPlus插件
app.use(ElementPlus, { locale: zhCn })
app.mount('#app')