美文网首页
vue3 ts项目创建

vue3 ts项目创建

作者: 臭臭的胡子先生 | 来源:发表于2024-07-02 12:53 被阅读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')

相关文章

网友评论

      本文标题:vue3 ts项目创建

      本文链接:https://www.haomeiwen.com/subject/upmvcjtx.html