uni-zhongcaoji-mall-copy: 基于vue3 setup ，菠萝，自动化创建文件，轮子俱全，常用商城类小程序

# 中草集
## 架构
基于uniapp框架开发的微信小程序，搭配uView ui plus组件
+ uniapp    [官方链接](https://uniapp.dcloud.io/api/README)
    + vue3
    + vite
+ uView ui plus [官方链接](https://uiadmin.net/uview-plus/)
+ pinia v2.0.33 [官方链接](https://pinia.vuejs.org/)
## 开始
安装环境
+ pnpm v8.6.11及以上版本
+ node 16.14.2及以上版本
安装依赖
```shell
cd uni-zhongcaoji-mall
pnpm install
```
## 注意
+ 别名说明:
    + `@` : `/src`目录
    + `@img` : `/src/static/images` 目录
+ 页面跳转统一用`@/libs/utlis`中的`toPage`方法，为了统一多平台管理
+ 图片资源路径统一使用别名`@img`引入
+ 图片资源显示统一使用组件`AImage`
+ 背景图片`background-image`统一使用`@/libs/utils`中的`AImgUrl`
  方法（如果可以，尽量避免使用此属性实现背景图，建议使用`AImage`组件将图层置底）
+ HTTP接口请求统一使用`@/libs/req`（小程序的话，会自动检测是否登录，无登录会自动登录，无需自己实现获取code登录）
+ 配置文件位于`/config/index`，用于配置全局环境变量（BASE_URL,APP_ID等）
+ 上一点补充说明，`APP_ID`只需维护`/config/index`文件即可，无需关心`manifest.json`文件
+ 全局样式位于`uni.scss`文件
+ 新建页面、组件、分包，统一使用`pnpm new`指令（会全自动创建文件、配置`pages.json`）
+ `png`图片推荐压缩工具[访问](https://tinify.cn/)
+ 小程序，每新建添加文件、依赖等，微信开发者工具需要重新运行，否则可能会报错文件不存在
+ 小程序，每次移除文件需要重新编译运行`pnpm run`
+ 小程序，尽量使用分包功能，为了避免包体积过大
+ 小程序，分享跳转处理，建议统一跳转至首页，再由首页额外匹配跳转到指定页
+ 小程序，静态资源包过大时，可以把资源包上传至oss，然后修改`AImgUrl`方法中的正则即可完美替换（发布小程序时记得删除无用的static）
- 未来可能支持
  - 小程序，分包预加载配置
  - 小程序，防爬虫配置
  - 小程序，云函数配置
## 命令
新建页面、组件

```shell
pnpm new
```

开发（测试环境）

```shell
pnpm dev:mp-weixin
```

构建（线上环境）

```shell
pnpm  build:mp-weixin
```

更新依赖到最新正式版

```shell
npx @dcloudio/uvm
```

## 项目结构

kebb/uni-zhongcaoji-mall-copy

简介

发行版

贡献者

近期动态

kebb/uni-zhongcaoji-mall-copy .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

kebb/uni-zhongcaoji-mall-copy