第1章：环境初始化

核心技术栈

1. Vite搭建开发环境
2. Vue3+TS开发项目
3. 引用Vant3 UI 组件库
4. 引用Axios接口调用插件
5. Pinia状态管理技术
6. VueUse存储工具库

可复用的技术解决方案

1. 多类型系统消息处理技术
2. 基于token接口鉴权
3. 多状态数据渲染技术
4. 基于轮询方式通信技术
5. 前后端分离技术
6. 组件抽离与开发
7. 模糊搜索技术
8. 消息通知技术
9. 数据回填技术

项目初始化

使用以下命令创建项目

npm create vite

下载pinia插件

npm install pinia -D

集成pinia

在src\store\index.ts里面

import { createPinia } from "pinia";

const store = createPinia();
export default store;

在src\main.ts里面

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import store from './store'


const app = createApp(App)
app.use(store)
app.mount('#app')

集成vueuse

 npm install @vueuse/core -D

集成vantUI组件库

npm install vant -D