> mall4ms-bbc：uniapp项目，可发行为H5、android/ios app



## 1. 安装nodejs + 淘宝npm镜像

[NodeJS](https://nodejs.org/) 项目要求最低 18.12.0，推荐 20.9.0

如果不了解怎么安装nodejs的，可以参考   [菜鸟教程的nodejs相关](https://www.runoob.com/nodejs/nodejs-install-setup.html)



## 2. 安装依赖

使用编辑器打开项目，在根目录执行以下命令安装依赖

```bash
pnpm install
```

如果不想使用 pnpm，请删除 `package.json` 文件中 `pnpm` 相关内容后再进行安装

```json
{
    "scripts" : {
        "preinstall": "npx only-allow pnpm"  // 删除此行
    },
    "engines": {
        "pnpm": ">=7"  // 删除此行
     },
    "pnpm": { // 删除此项
        ...
    }
}
```



## 3.修改配置文件，连接后台

修改 `.env.development`  连接后台。

假设你的服务器ip为`192.168.1.120`，也就是说你运行java项目的那台机器的开发环境，打开`cmd` 输入`ipconfig` 按回车的时候，看到的ipv4地址为`192.168.1.120` 当然这个ip也是假设的。

假设`java`运行的端口，也就是`MultishopApplication`运行的端口是`8087` ，具体请看java项目中的application-dev.yml

那么开发环境的配置为

```bash
# 如需添加更多环境变量，请以 VITE_APP_ 开头声明
# 在代码中使用 import.meta.env.VITE_APP_XXX 获取指定变量

# 环境配置标识
VITE_APP_ENV = 'development'

# 统一接口域名
VITE_APP_BASE_API = 'http://192.168.1.120:8087'

```



## 4.前端本地地址

修改`manifest.json` 里面的`port`，可以改前端h5启动的端口

```json
"h5": {
    "devServer": {
        "port": 80
    }
}
```



## 5.运行

**使用hbx**

h5: 

hbuilder开发工具上面的菜单选择：`运行-> 运行到浏览器 -> chrome`



**使用命令行**

h5: 

```bash
npm run dev:h5
```