Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zj-dreamly/love-sharing-ui
爱分享小程序前端代码
https://github.com/zj-dreamly/love-sharing-ui
Last synced: about 1 month ago
JSON representation
爱分享小程序前端代码
- Host: GitHub
- URL: https://github.com/zj-dreamly/love-sharing-ui
- Owner: zj-dreamly
- Created: 2019-12-11T09:16:28.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T11:47:44.000Z (about 2 years ago)
- Last Synced: 2023-03-04T05:40:19.482Z (almost 2 years ago)
- Language: Vue
- Size: 2.52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
本项目是 `爱分享1024` 小程序的前端代码。（Forked from eacdy/itmuch-miniapp）
## 技术选型 & 鸣谢
* [mpvue](https://github.com/Meituan-Dianping/mpvue)
* [vant-weapp](https://github.com/youzan/vant-weapp)
## 使用说明
### 1. 安装Node.js
笔者使用的版本是 `v8.15.0` ，**建议和笔者保持一致**。
* 前往 下载Node.js。**建议使用 下载 `v8.15.0`** 。
* 安装说明
* Windows操作系统，参考： 安装Node.js
* CentOS操作系统，参考： 安装
* macOS操作系统，用pkg直接拖动安装即可
* 其他系统，百度 `nodejs {操作系统名称} 安装` 。
### 2. 下载本仓库代码
可使用Git下载，也可以直接下载本仓库压缩包，二选一即可。
**方式一、使用Git下载代码**
```shell
git clone https://github.com/eacdy/itmuch-miniapp.git
```
**方式二、用浏览器直接访问如下地址，下载代码**
>
### 3. 修改app信息
修改 `project.config.json` ，按需修改如下两行
```yaml
"appid": "修改为你的appid",
"projectname": "修改为你的项目名称，尽量用英文",
```
其中，appid在 [微信公众平台](https://mp.weixin.qq.com/) - 开发 - 开发设置中可以找到。
### 4. 安装 & 启动前端代码
```shell
# 安装项目相关依赖
npm install
# 加速：
npm --registry https://registry.npm.taobao.org install
# 开发环境启动部署
npm run dev
# 生产环境构建
npm run build
# 其他，可参考：http://mpvue.com/build/
```
### 5. 下载 & 安装微信开发者工具
* 前往 下载开发者工具。
* 安装开发者工具
### 6. 修改调用API地址
找到`src/utils/api.js` ，找到
```shell
// 后端接口基础路径
export const BASE_API_URL = '';
```
将其修改为你的后端地址，例如：
```shell
export const BASE_API_URL = 'http://localhost:8080';
```
### 7. 将代码导入到开发者工具
注意：**务必勾选 `不校验合法域名...` 。**
可以预览啦！
### 8. 你可能会遇到的问题
#### 8.1 Windows操作系统执行npm install时，报如下异常：
```shell
Error: Can't find Python executable "python", you can set the PYTHON env variable
```
用**管理员权限**执行如下命令即可：
```shell
npm install --global --production windows-build-tools
```
如果还是不行，那只能参考node-gyp官方的描述去尝试了：`https://github.com/nodejs/node-gyp#configuring-python-dependency` 。你得手动安装Python，然后执行一下：
```shell
npm config set python /path/to/executable/python
```
#### 8.2 node-sass下载报404
修改package.json中引用的node-sass的版本即可。node-sass的版本可以在这里查看：`https://github.com/sass/node-sass/releases`
#### 8.3 node-sass死活下载不下来(非404)
默认情况下，node-sass是从GitHub上下载二进制文件的，而GitHub把二进制文件存储在了AWS S3中。国内访问S3很不稳定。因此，也造成了node-sass安装上的困扰。
可参考 `https://segmentfault.com/a/1190000010984731` 的说明，里面总结了四种方式，总有一种方式能够解决。