前端环境搭建及项目启动

一、前端环境准备

工具 版本 描述
Node.js 10.0及以上(推荐 v12.14.*版本) 运行在服务端的 JavaScript
Vscode 前端编辑器

二、项目启动

1.打开前端脚手架FE

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

图1.1

2.修改配置文件env.js

  • 登录开发者中心:https://developer.yonyoucloud.com/
  • 点击风车->应用部署管理 ->进入前端应用 ->点开配置文件 ->全选复制 图1.1
  • 将线上的配置文件覆盖本地env.json
  • 后端服务服务地址改为本地 图1.1

3.修改host配置文件

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

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

图1.1

4.安装工具包

启动前需要下载node_modules

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

5.启动

308脚手架启动方式:

启动方式一:先编辑,后启动调试(项目根目录下执行)

npm run build:extend  //编译
node bin.js    //启动

图1.1

启动方式二:实时编译(项目根目录下执行)

npm run debug:server
npm run debug:client

410脚手架启动方式:

本地调试启动:

本地启动第一种方式:
# 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
Copyright © 用友 -【生态技术部】 2021 all right reserved,powered by Gitbook修订时间: 2022-09-22 19:43:27

results matching ""

    No results matching ""