前端环境搭建和项目启动

一、前端环境准备

Git下载

二、拉取远程仓库的前端脚手架

1.本地打开需要放置前端脚手架的文件夹

例如我这里是放在D:\ISVWORK\MDF4.1文件夹下

1.拉取远端仓库的脚手架

在D:\ISVWORK\MDF4.1文件下，鼠标右键单点，选择Git Bash Here,打开命令行弹窗，然后输入 git clone XXX(远端仓库脚手架地址)

三、项目配置

1.修改host配置文件

配置hosts文件，地址栏输入: C:\Windows\System32\drivers\etc 新增下面内容：

1）测试环境下开发（https://bip-test.yyuap.com/）

#本地调式脚手架
127.0.0.1 local.yyuap.com

2）商开环境下开发（https://dbox.diwork.com/）

#本地调式脚手架
127.0.0.1 local.diwork.com

要保证配置的二级域名与开发环境域名一致即可；

2.打开前端脚手架FE

打开VS Code -> 文件 -> 打开文件夹 -> 选择*-fe -> 选择文件夹

3.安装工具包

启动前需要下载node_modules

//新拉的脚手架，要执行下（在前端项目 ***-fe 目录下执行）
npm install ynpm-tool -g
ynpm install

4.修改项目内配置文件

打开脚手架下面 src\common\config.env.js，进行DOMAIN_KEY、HTTP_SERVICE_BASEURL、HTTP_MAIN_ORIGIN三个属性的配置

const packageJson = require('../../package.json');

/**
 * 1. 全局配置的环境变量
 * 2. DOMAIN_KEY 领域应用的domainKey
 * 3. HTTP_SERVICE_BASEURL Java服务地址(仅本地调试和独立Node需要配置) 可配置线上后端服务，也可以配置本地后端服务地址
 * 4. HTTP_MAIN_ORIGIN 主站域名（仅本地调试需要配置）
 */
const config = {
  DOMAIN_KEY: packageJson.domainKey || 'isv-hdcx-dev',
  HTTP_SERVICE_BASEURL: 'https://wisedoo.yonisv.com/be', // 本地调试和独立Node时必输
  HTTP_MAIN_ORIGIN: 'https://dbox.diwork.com' // 本地调试必输
}
module.exports = config;

5.启动

本地调试启动：

本地启动第一种方式：
# 1. 启动默认调试，会开启前后端服务，默认接口为src/web/common/config.env.js中的daily
npm run debug

本地启动第二种方式：
# 1. 单独启动前端工程
npm run debug:extend

# 2. 单独启动后端node.js服务
npm run debug:server

部署上线服务：

# 1. 构建web端部署
npm run build

# 2. 启动服务
npm run start