项目构建及工程化说明

1. 初始化uni-app项目，vue3+ts：

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

优化重构背景：

随着前端项目的业务逻辑越来越复杂，代码也逐渐劣化。因为js弱类型的语言特性，变量没有类型约束。任何变量在运行态都变得不可知，函数的出入参也不可知。这不仅导致了各种低级问题的产生，还使代码逻辑难以理解，数据流不可控。 即使想对代码进行重构也是举步维艰。

考虑引入ts改造vue项目，主要看中了ts的如下优势可以解决项目痛点：

a. 清晰的函数参数/接口属性，增加了代码可读性和可维护性。
b. 静态检查，可以约束随意的变量读写；配合现代编辑器，各种提示可以提升编码效率。

项目改造步骤

1. 新增必要依赖项——以支持编译ts为js