1、前端项目创建(vue3 + vite + element-plus)

vue3+vite+element-plus 项目创建：

1、npm create vite@latest data-relationship -- --template vue

2、npm install   安装依赖

3、npm i element-plus  安装element-plus

4、修改 main.js

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'const app = createApp(App)app.use(ElementPlus)
app.mount('#app')

5、修改App.vue

<template><el-container><el-header><h1>我的 Vue3 + Vite + Element Plus 项目</h1></el-header><el-main><div>这是一个高效的 Vue3 + Vite + Element Plus 项目！</div></el-main></el-container>
</template><script>
export default {name: 'App'
}
</script>

　　

6、npm run dev 运行

 

成功。