Vue3+Ts+Pinia打造uniapp微信小程序全流程源码解析

项目简介知识点: 1. 小兔鲜儿是一个微信小程序项目，实现了一系列电商功能。 2. 主要功能包括首页浏览商品、商品详情页、微信登录、购物车管理、提交订单、微信支付以及订单管理。 3. 该小程序旨在为用户提供便捷的在线购物体验。 技术栈知识点: 1. 前端框架采用了uni-app，它支持Vue3 + TypeScript + Setup语法，利用了Vue3的 Composition API 增强了组件的逻辑复用。 2. 状态管理使用了Pinia，它是一个专门为Vue 3设计的状态管理库，比Vuex更轻便、更易用，非常适合uni-app项目。 3. 组件库选择了uni-ui，它是一套基于uni-app开发的高质量UI框架，提供了一套标准化的UI组件库。 4. 微信小程序端开发流程遵循了微信官方提供的开发文档和工具链，确保了项目的兼容性和可用性。 运行程序知识点: 1. 项目通过npm或pnpm安装依赖，需要指定淘宝npm镜像源来加快下载速度。 2. 项目支持在不同平台运行，包括微信小程序端、H5端以及App端。 3. 在微信小程序端使用`npm run dev:mp-weixin`命令进行开发调试。 4. H5端使用`npm run dev:h5`命令进行开发调试。 5. App端则需要使用HbuilderX工具，通过该工具可以直接运行到手机或模拟器。 6. 微信小程序端的代码打包发布后，需要使用微信开发者工具导入`/dist/dev/mp-weixin`目录。 工程结构知识点: 1. `.husky`目录用于存放Git Hooks脚本，它可以在代码提交前后运行自定义的脚本，实现自动化测试和代码校验等。 2. `.vscode`目录包含了VS Code编辑器的插件和设置，有助于统一开发环境。 3. `dist`目录用于存放项目编译打包后的文件，这些文件可被部署到服务器或提交至微信小程序平台。 标签知识点: 1. Vue.js：是一种流行的前端JavaScript框架，这里特指使用Vue.js的最新版本Vue3。 2. 微信：指的是微信小程序平台，是腾讯公司推出的应用程序平台，用户可以在这上面使用各种服务和小程序。 3. uni-app：是一个使用Vue.js开发所有前端应用的框架，能够编译到iOS、Android、H5、以及各种小程序等多个平台。 4. 微信小程序：是微信平台提供的一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 5. 软件/插件：泛指可以在计算机系统中提供特定功能的程序或模块。 压缩包子文件的文件名称列表知识点: 1. uniapp-e-commerce-project-main：是该项目压缩包的文件名称，表明这是一个电商项目的源码文件。 2. 通过文件名可以推断出该项目是一个主要的电商类应用程序，其主要开发语言和框架为uni-app，结合了Vue.js、TypeScript和Pinia。