每年 sast 都会制作会服,并且之后还会有更多周边推出,故设计sast周边商店小程序便于售卖
在小程序上,选择了兼容React语法的Taro框架进行开发
./sast-shop-miniapp
├── README.md——————————————说明文档
├── babel.config.js————————babel配置
├── config—————————————————webpack设置
├── dist———————————————————生成的产物
├── node_modules———————————下载的包
├── package.json———————————项目配置
├── pnpm-lock.yaml—————————pnpm管理器
├── project.config.json————项目配置
├── project.tt.json————————项目配置
├── src————————————————————主要写代码的地方
| ├── app.config.ts———————项目配置
| ├── app.scss————————————全局样式
| ├── app.ts——————————————项目的入口
| ├── index.html——————————入口html
| └── pages———————————————页面代码
| ├── index————————————主页
| ├── login————————————登录页
| ├── me———————————————我的订单页面
| ├── order-detail—————订单详情
| ├── order-form———————信息填写支付页面
| └── product-detail———商品详情
├── tsconfig.json——————————typescript配置
└── types——————————————————类型文件
└── global.d.ts—————————全局类型
本项目使用的是pnpm作为包管理器,如果你还没有安装pnpm,使用以下命令安装:
npm i -g pnpm
本项目使用git,并且main分支受到保护,无法直接提交,如果要开始写代码的话请自己创建一个新的分支来编写。分支的命名规则是 dev-你的英文名字
比如说 dev-max
- TypeScript
- React
- SCSS基本使用
- Taro的基本组件
- Taro的路由功能
- Taro的网络请求
- Taro的状态管理
- 微信小程序部分api
在开始开发之前,使用以下命令安装依赖
pnpm i
使用以下命令开始项目调试
pnpm dev:weapp
使用以下命令开始项目打包
pnpm build:weapp