d-bbc/window开发环境搭建/mall4ms-bbc项目的搭建.md

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

1. 安装nodejs + 淘宝npm镜像

NodeJS 项目要求最低 18.12.0，推荐 20.9.0

如果不了解怎么安装nodejs的，可以参考 菜鸟教程的nodejs相关

2. 安装依赖

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

pnpm install

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

{
    "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

那么开发环境的配置为

# 如需添加更多环境变量，请以 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启动的端口

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

5.运行

使用hbx

h5:

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

使用命令行

h5:

npm run dev:h5