跳到主要内容

shopping mall 简易版

一、项目构建​

首先，安装依赖

# 项目构建
pnpm create rsbuild@latest --dir shopping-mall-ts-mobx --template react-ts -tools eslint,prettier

# 进入目录
cd shopping-mall-ts-mobx

# 安装核心依赖
pnpm install && pnpm approve-builds

# 安装 Mobx 相关依赖
pnpm add mobx mobx-react-lite
备注

前段构建工具新贵 -- Rsbuild

二、项目结构规划​

为了保持代码整洁，采用模块化的目录结构：

src/
├── components/       # UI 组件
│   ├── ProductList.tsx
│   └── Cart.tsx
├── stores/           # MobX 状态管理
│   └── cartStore.ts
│   └── types.ts      # TypeScript 类型定义
├── App.tsx
└── index.tsx

三、定义代码​

全码