An open API service indexing awesome lists of open source software.

https://github.com/tjx666/mini-shop

The client of mini-shop.
https://github.com/tjx666/mini-shop

Last synced: about 1 month ago
JSON representation

The client of mini-shop.

Awesome Lists containing this project

README

        

# mini-shop

一个迷你商城,数据结构课设前端部分。

## 技术栈

1. react hooks + react router4 + constate
2. typescript
3. ant design
4. axios

## 本地测试

### 安装 node

推荐使用 [nvm ]()安装和管理 node。

### 安装 cnpm

如果可以翻墙的话就可以不用安装 cnpm, 直接使用 npm 代替 cnpm。

因为项目中需要 `node-sass`, npm 和 yarn 安装 `node-sass`过程中都会产生问题,cnpm 亲测是没问题的。

安装 **cnpm** 很简单,命令行输入`npm install -g cnpm`就可以了。

### 安装依赖并启动项目

1. 命令行 cd 到项目根目录 , 使用命令 `cnpm install` 安装项目依赖。
2. 使用命令 `npm start` 启动项目,程序会自动打开浏览器,并显示首页内容。

## 一些截图

### 登入

![登入页](https://github.com/tjx666/mini-shop/raw/master/screenshots/login.png?raw=true)

### 注册页

![注册页](https://github.com/tjx666/mini-shop/raw/master/screenshots/register.png?raw=true)

### 首页

![登入页](https://github.com/tjx666/mini-shop/raw/master/screenshots/home.png?raw=true)

### 分类管理

![登入页](https://github.com/tjx666/mini-shop/raw/master/screenshots/category-trees.png?raw=true)