# monitor-uniapp

**Repository Path**: pengzhao8866/monitor-uniapp

## Basic Information

- **Project Name**: monitor-uniapp
- **Description**: 中锐监测
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-31
- **Last Updated**: 2024-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 施工小程序前端文档

这是一个由 vue-cli 为基础框架的 uni-app 项目，采用 vue2 + scss，ui 框架为 ui-view，也用了一定的 uni 官方的组件（src/uni_modules）

## 安装方式

```sh
yarn
```

## 运行及方式

相比于通过 HBuilderX 可视化界面进行运行，本项目已采用 vue-cli 框架,和普通的 vue 项目一样，可以直接通过命令行进行运行，实现了加载不同的环境下的环境变量， 由于主要用于小程序端

下面是几个常用的命令：

```sh
yarn dev:mp-weixin # 本地运行小程序开发环境代码
yarn dev:mp-weixin-test # 本地运行小程序测试环境代码
yarn dev:mp-weixin-prod # 本地运行小程序生产环境代码

# 小程序通过命令行打包的技术实现原理： [微信官方文档](https://developers.weixin.qq.com/miniprogram/dev/devtools/ci.html)
yarn upload-weixin-test # 本地打包行小程序测试环境代码并上传至微信小程序(不用打开微信小程序开发者工具上传)
yarn upload-weixin-prod # 本地打包生产环境代码并上传至微信小程序(不用打开微信小程序开发者工具上传)

yarn build:mp-weixin # 本地打包行小程序开发环境代码
yarn build:mp-weixin-test # 本地打包小程序测试环境代码
yarn build:mp-weixin-prod # 本地打包小程序生产环境代码
```

### 环境变量的配置

根目录下有三个 .env 文件,实现了不同开发环境的配置，每一个环境变量都需要以 VUE_APP 开头，否则无法生效

如下是三个环境变量名称

.env.development 开发环境的环境变量配置

.env.test 测试环境的环境变量配置

.env.prod 生产环境的环境变量配置

## 注意事项

使用小程序开发者工具进行开发调试时，由于没用使用 HBuilderX，只使用 vscode, 需要在微信开发者工具中手动引入编译后的小程序文件， 文件位于 dist/dev/mp-weixin，同理，打包后小程序源码在 dist/build/mp-weixin 中

除微信小程序外，其他端暂时没开发，如需开发，需要配置新的命令行