# mpvue-esay-shop

**Repository Path**: liuxuweimeng/mpvue-esay-shop

## Basic Information

- **Project Name**: mpvue-esay-shop
- **Description**: 微信小程序
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-04
- **Last Updated**: 2025-08-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 小程序, 商城, JavaScript, mpvue

## README

# mpvue-esay-shop
```
基于mpvue小程序开发
https://gitee.com/liuxuweimeng/mpvue-esay-shop.git
```

## 参考资料
```
https://github.com/heyushuo/mpvue-shop.git
https://github.com/heyushuo/mpvue-shop-node.git
```

## 编译说明

``` bash
# 初始化项目
vue init mpvue/mpvue-quickstart myproject
cd myproject

# 安装依赖
yarn

# 开发时构建
npm dev

# 打包构建
npm build

# 指定平台的开发时构建(微信、百度、头条、支付宝)
npm dev:wx
npm dev:swan
npm dev:tt
npm dev:my

# 指定平台的打包构建
npm build:wx
npm build:swan
npm build:tt
npm build:my

# 生成 bundle 分析报告
npm run build --report
```

## 开发说明
```
微信小程序官方文档
https://developers.weixin.qq.com/miniprogram/dev/component/
https://developers.weixin.qq.com/miniprogram/dev/api/

https://www.jianshu.com/p/18830fae3d0f
微信小程序开发框架 mpvue，idea编译出dist 然后放到微信开发者工具编译

创建项目
vue init mpvue/mpvue-quickstart mpvue-wechat-app

npm i
npm run dev
npm run build

注意：npm run dev:wx是打包微信小程序，同理npm run dev:my就是支付宝小程序。（swan：百度，tt：头条）
```
```
高德地图
AMapWX（amap-wx.js）
https://lbs.amap.com/api/wx/gettingstarted
key：a2665571c2d0ff0f145aaf1b393bf167
小程序后台："开发"－>"开发管理"－>"开发设置"－>"服务器域名" 中设置 request 合法域名，将 https://restapi.amap.com 中添加进去
```
```
微信支付
https://pay.weixin.qq.com/wiki/doc/apiv3_partner/open/pay/chapter2_8_0.shtml
```
```
关于项目配置不生效的问题
src目录下新增app.json然后新增"key":value即可
```
```
关于单页面配置不生效的问题
https://zhuanlan.zhihu.com/p/43172095
在单页面文件夹下新增main.json然后新增"key":value即可
```