在vue项目中使用element-plus

目录

• 1.在构建的vue3项目中安装element-plus
• 2.导入element-plus
• 3.检验

1.在构建的vue3项目中安装element-plus

• npm install element-plus --save

2.导入element-plus

• 在src下的main.ts文件导入

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'
//@ts-ignore忽略当前文件ts类型的检测否则有红色提示(打包会失败)
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
//引入路由
import router from './router';
const app=createApp(App)
app.use(ElementPlus, {
    locale: zhCn
})
app.use(router);
app.mount('#app')

3.检验

• 生效