ebu_ecology_dev1/前端开发环境搭建.md

前端开发环境搭建

注：前端开发环境搭建过程与后端十分类似，用搭建后端的过程来理解即可

维护人员： bokang.xiao

step 1 安装node.js 确保本机安装有node环境

+ 检查是否安装成功 node --version

step 2 安装 yarn

+ 通过命令下载全局安装 npm install --global yarn 
+ 测试是否安装成功 yarn --version

step 3 创建一个项目

step 4 拉取客户历史文件

• 通过客户客户卡片获取历史文件地址

• 通过地址获取历史文件

  • Windows > 在文件资源管理器输入对应地址

    

  • mac >

    • 通过下图连接文件服务器

    • 按照路径找到对应的文件即可

      

step 5 复制依赖文件

• 将历史文件 src4js-pctool-v1 目录复制到刚刚新建的项目中

• 新建名为src4js的目录（此目录即为源码存放目录），将历史文件目录src4js下的文件以下文件拷贝到新建的项目中

• 在项目中根据需求新建对应的目录，比如需要修改pc端的源码，就新建pc4mobx目录

step 6 初始化项目

• 新建编译后文件输出目录 spa

  

• 将要修改的源码放到src4js的对应目录下

  • 例如需要修改pc端会议模块的源码，就将历史文件中的源码复制到项目的对应目录下

    

step 7 下载依赖

• 到目录src4js-pctool-v1下在终端执行依赖下载命令 yarn install

step 8 修改源码，编译文件

• 修改源码不做演示，这里直接演示如何编译

• 在 /src4js-pctool-v1/pctool_all.sh 文件中查找对应模块的编译命令

• 在终端执行编译命令

• 编译成功后可以在spa目录下看到对应的文件

step 9将编译好的文件放到服务器对应的目录下（无需重启）

---