用途:为使用 uni-app + Vue 3 + TypeScript 构建跨平台应用提供开发指南,适用于新建项目或页面、集成 UI 库、设计主题、编写页面逻辑与排查构建问题。
主要能力:给出标准 CLI 项目结构(pages、components、store、api、utils、types、styles、static、App.vue、main.ts、pages.json、uni.scss);页面创建与在 pages.json 注册;UI 库集成,如 uView Plus(npm install uview-plus)、官方 uni-ui(npm install @dcloudio/uni-ui)、TuniaoUI(npm install @tuniao/tnui-vue3-uniapp);主题系统设计,含颜色、间距、字号、圆角变量与多主题实现思路;构建命令,如 npm run dev:mp-weixin、npm run build:mp-weixin、npm run dev:h5、npm run build:h5 及支付宝、百度、头条小程序命令;常用模式,包括数据请求、导航(uni.navigateTo、uni.redirectTo、uni.switchTab、uni.navigateBack、uni.navigateToMiniProgram)、用户反馈(uni.showToast、uni.showLoading、uni.showModal、uni.showActionSheet)、生命周期钩子、平台判断与条件编译、Pinia 状态管理、API 封装与拦截器。
使用方式:按文档步骤创建目录与文件、注册页面、安装并配置 UI 库、在 vite.config.ts 注入全局 SCSS、按平台运行对应构建命令。
适用场景:微信、支付宝、百度、头条小程序与 H5 等多端前端开发。
限制:资料未提供具体收费、价格、平台支持范围、性能数据或效果承诺;部分内容以示例代码呈现,实际使用需结合项目环境验证。