# shopping-street

**Repository Path**: codexgh/shopping-street

## Basic Information

- **Project Name**: shopping-street
- **Description**: 一款基于vue+vue-router+vuex+vant实现的购物app。主要实现功能：首页、分类、购物车、我的、登录\注册等诸多功能。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-28
- **Last Updated**: 2022-03-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

安装环境：node vue-cli

## 安装

使用 npm 安装：

```
npm install
```

启动服务

```
npm run serve
```

然后就可以在浏览器中访问

```
- Local: http://localhost:8080
- Network: http://192.168.112.220:8080
```

## 在线手册

- [vue2.0 开发手册](https://cn.vuejs.org/)
- [vant 开发手册](https://vant-contrib.gitee.io/vant/#/zh-CN/home)

## 尝试再手机上 去进行项目的预览和测试
1. 要保证自己的手机可以正常运行
2. 要保障 手机 和 开发项目的电脑 处理同一个wifi环境中，也就是说手机可以访问到电脑的IP
3. 打开自己的项目中 package.josn文件中，再dev脚本中，添加一个 --host指令，把当前电脑的wifi IP地址，设置为 --host 的指令值

## 目录结构

初始的目录结构如下：

```
shopping-demo:
├─public
│      favicon.ico
│      index.html
│
├─src
│   │  App.vue
│   │  auth.js
│   │  main.js
│   │  theme.less
│   │
│   ├─Api
│   │      config.js
│   │      index.js
│   │
│   ├─assets
│   │  │  logo.png
│   │  │
│   │  └─images
│   │          avatar_default.png
│   │          menu1.png
│   │          menu2.png
│   │          menu3.png
│   │          menu4.png
│   │          menu5.png
│   │          menu6.png
│   │          price-bck.png
│   │
│   ├─components
│   │  ├─Header
│   │  │      Header.vue
│   │  │
│   │  ├─Numbox
│   │  │      Numbox.vue
│   │  │
│   │  ├─Swiper
│   │  │      Swiper.vue
│   │  │
│   │  └─Tabbar
│   │          Tabbar.vue
│   │
│   ├─router
│   │      index.js
│   │
│   ├─store
│   │  │  index.js
│   │  │
│   │  └─modules
│   │          head-portrait.js
│   │          shopcart.js
│   │          user.js
│   │
│   └─views
│       ├─Cart
│       │  │  Cart.vue
│       │  │
│       │  └─Order
│       │          OrderCreate.vue
│       │          OrderList.vue
│       │          OrderShow.vue
│       │
│       ├─Home
│       │  │  Home.vue
│       │  │
│       │  ├─News
│       │  │      Newinfo.vue
│       │  │      Newlist.vue
│       │  │
│       │  └─Photo
│       │          Photoinfo.vue
│       │          Photolist.vue
│       │
│       ├─Login
│       │      Login.vue
│       │
│       ├─Register
│       │      Register.vue
│       │
│       ├─Sort
│       │  │  Sort.vue
│       │  │
│       │  └─Good
│       │          Goodlist.vue
│       │          Goodsinfo.vue
│       │
│       └─User
│           │  User.vue
│           │
│           └─Address
│                   Address.vue
│                   AddressAdd.vue
│                   AddressEdit.vue
│                   │  .browserslistrc
├─  .editorconfig
├─  .eslintrc.js
├─  .gitignore
├─  babel.config.js
├─  gettree.bat
├─  package-lock.json
├─  package.json
├─  README.md
├─  vue.config.js
```