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

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

## 安装nodejs + 淘宝npm镜像

> nodejs版本请选择为 12-16 偶数版本

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


将npm的镜像源更改为淘宝的镜像源，回车（千万不要用cnpm，否则会出现不可预知的后果）：

```bash
npm config set registry https://registry.npmmirror.com
```

## 安装依赖启动项目

使用`vscode`打开vue项目，进入到该项目的根目录（根目录有`package.json` 的文件）

使用npm安装依赖（请记得配好淘宝的镜像源，除非你能确定你的网络能够畅快访问外网，另外千万不要用cnpm），使用命令行输入，回车：

```bash
npm i
```

如果用淘宝镜像装不上的话，报错信息含有“要安装python”的相关信息，就删掉node_modules 切换回原镜像试试

```bash
npm config set registry https://registry.npmjs.org/
```



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

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

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

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

那么开发环境的配置为

```javascript
  // 平台端默认是8087，商家端默认是8088
  VUE_APP_BASE_API = 'http://192.168.1.120:8087'

  // 客服api接口请求地址
  VUE_APP_IM_API = 'http://192.168.1.120:8089'

  // 客服webstock接口请求地址
  VUE_APP_WS_IM_API = 'ws://192.168.1.120:8089'
```



## 前端本地地址

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

```json
const port = process.env.port || process.env.npm_config_port || 9528 // dev port
```



运行dev环境：

```bash
npm run dev
```