v3+ts——1、项目搭建

简介：

第一步：安装vue3项目框架

npm create vue@latest

 具体步骤如下​

然后根据提示下载依赖运行代码即可

下载项目所需依赖

npm install axios --save

npm install element-plus --save

npm install @element-plus/icons-vue --save

npm install sass --save

npm install js-cookie --save

第二步：删除项目框架中多余代码 

 如下图为最终效果

第三步：修改main.ts中的代码

import '@/assets/main.css'
import 'element-plus/dist/index.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import Elementplus from "element-plus";
import * as ElementplusIconsVue from "@element-plus/icons-vue"
import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(createPinia()).use(Elementplus).use(router)

//全局引入elementIcon图标 不需要的话可以不写（优先考虑运行速度时不写）
for (const [key,component] of Object.entries(ElementplusIconsVue)) {
  app.component(key, component)
}
app.mount('#app')