2023-02-02 11:07:01 +08:00
|
|
|
|
## 前端开发环境搭建
|
|
|
|
|
|
|
|
|
|
<font color="red">注:前端开发环境搭建过程与后端十分类似,用搭建后端的过程来理解即可</font>
|
|
|
|
|
> 维护人员: bokang.xiao
|
|
|
|
|
### step 1 安装node.js 确保本机安装有node环境
|
|
|
|
|
|
|
|
|
|
```markdown
|
|
|
|
|
+ 检查是否安装成功 node --version
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### step 2 安装 yarn
|
|
|
|
|
|
|
|
|
|
```markdown
|
|
|
|
|
+ 通过命令下载全局安装 npm install --global yarn
|
|
|
|
|
+ 测试是否安装成功 yarn --version
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### step 3 创建一个项目
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|

|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### step 4 拉取客户历史文件
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|
+ 通过客户客户卡片获取历史文件地址
|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
+ 通过地址获取历史文件
|
|
|
|
|
|
|
|
|
|
- Windows > 在文件资源管理器输入对应地址
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|

|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
- mac >
|
|
|
|
|
|
|
|
|
|
- 通过下图连接文件服务器
|
2023-02-02 11:17:35 +08:00
|
|
|
|

|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
- 按照路径找到对应的文件即可
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|

|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### step 5 复制依赖文件
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|
+ 将历史文件 src4js-pctool-v1 目录复制到刚刚新建的项目中
|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|
+ 新建名为src4js的目录(此目录即为源码存放目录),将历史文件目录src4js下的文件以下文件拷贝到新建的项目中 
|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
+ 在项目中根据需求新建对应的目录,比如需要修改pc端的源码,就新建pc4mobx目录
|
|
|
|
|
|
|
|
|
|
### step 6 初始化项目
|
|
|
|
|
|
|
|
|
|
+ 新建编译后文件输出目录 spa
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|

|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
+ 将要修改的源码放到src4js的对应目录下
|
|
|
|
|
|
|
|
|
|
+ 例如需要修改pc端会议模块的源码,就将历史文件中的源码复制到项目的对应目录下
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|

|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### step 7 下载依赖
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|
+ 到目录src4js-pctool-v1下在终端执行依赖下载命令 yarn install 
|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
### step 8 修改源码,编译文件
|
|
|
|
|
|
|
|
|
|
+ 修改源码不做演示,这里直接演示如何编译
|
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|
+ 在 /src4js-pctool-v1/pctool_all.sh 文件中查找对应模块的编译命令 
|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|
+ 在终端执行编译命令
|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
2023-02-02 11:17:35 +08:00
|
|
|
|
+ 编译成功后可以在spa目录下看到对应的文件
|
2023-02-02 11:07:01 +08:00
|
|
|
|
|
|
|
|
|
### step 9将编译好的文件放到服务器对应的目录下(无需重启)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
***
|
|
|
|
|
|