🟡ToDoList

初始化

项目包

vite+vue3+vue-router+typescript+axios+element-plus+pinia+scss

安装

pnpm create vite todo-frontend

> vue

> vue-ts

pnpm i vue-router@4
pnpm i pinia
pnpm i axios
pnpm i element-plus
pnpm i @element-plus/icons-vue
pnpm i --save-D sass

全局引入

main.ts

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from '@/router'
import App from './App.vue'
import ElementPlus from 'element-plus'
import * as ElIcons from '@element-plus/icons-vue'
import 'element-plus/dist/index.css'

const app = createApp(App)

for (const name in ElIcons){                       // 全局注册icon
	app.component(name,(ElIcons as any)[name])
}

app.use(createPinia())                             // 导入Pinia
  .use(router)                                     // 导入路由
  .use(ElementPlus)                                // 导入UI
  .mount('#app')