vue3 ts项目创建
2024-07-02 本文已影响0人
臭臭的胡子先生
1、安装pnpm
npm install pnpm -g
2、安装vite
pnpm install vite -D
3、在需要的文件夹下建项目
npm create vite@latest
4.main.ts引入element-plus
npm install element-plus --save
5.安装router
npm i vue-router
![](https://img.haomeiwen.com/i10338966/654ea81dc62e8370.png)
mian.js 基础引用
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import ElementPlus from 'element-plus'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn' //引入中文包
let app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
import router from './router'
app.use(router).
use(ElementPlus,{locale:zhCn}).mount('#app')