mall4d-bbc/window开发环境搭建/mall4vs-bbc和mall4vp-bbc项目的搭建.md

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

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

安装nodejs + 淘宝npm镜像

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

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

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

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

安装依赖启动项目

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

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

npm i

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

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

那么开发环境的配置为

  // 平台端默认是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可自定义端口

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

运行dev环境：

npm run dev