> mall4vs-bbc：v代表vue项目、s代表商家端，是后台管理员界面使用的前端项目，因为前后端分离的

> mall4vp-bbc：v代表vue项目、p代表平台端，是后台管理员界面使用的前端项目，因为前后端分离的

## 安装nodejs

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

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



## 安装依赖

项目要求使用 [pnpm](https://www.pnpm.cn/) 包管理工具

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

```bash
pnpm install
```

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

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



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

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

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

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

那么开发环境的配置为

```bash
# 平台端默认是8088，商家端默认是8087
VITE_APP_BASE_API = 'http://192.168.1.120:8087'

# 客服webstock接口请求地址，，https对应wss，http对应ws，wukongim中间件的访问地址
VITE_APP_WS_IM_API = 'ws://192.168.1.120:5200'
```



## 前端本地地址

浏览器输入本机IP+端口号即可访问本地的页面，默认端口9528（ 如http://192.168.1.99:9528）
修改根目录下`vite.config.js` 里面的`port`可自定义端口

```json
  server: {
    host: true,
    port: 9527,
    open: true
  }
```



运行dev环境：

```bash
npm run dev
```





### 初始账号密码

1.平台端账号：**admin**   密码：123456

2.商家端账号：**13000000000**   密码：123456