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

image.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')

上一篇 下一篇

猜你喜欢

热点阅读