从测试人员的角度 本地代码 打包发布对应测试服务器 ---前端工程

一：首先你需要一个编辑器支持代码运行-此处选择运行广泛的IDEA

百度搜索 IDEA下载、最好选择官网下载、源于英语差、以前可讨厌官网下载了、后来发现 还是老老实实的去官网吧、毕竟安装过程中的问题官网一般都会有解决方法（一个不合格测试人员才过的坑）

下载的版本号及压缩包

链接: https://pan.baidu.com/s/1OdL5LS2pblYFd6fZZ4FLtg 密码: qex9 ；下载后点击安装（详情见百度教程： https://jingyan.baidu.com/article/25648fc16db2909191fd0082.html  -转载）

此版本在后续使用中可能因为更新导致无法免费使用、此处供上我们开发小哥提供的**包

链接: https://pan.baidu.com/s/1OAL494tACSDvlgjnGdFpDw 密码: 2tnr

在打开IDEA之前打开**文件夹

IDEA过期后、打开运行界面如下图：

 

成功打开IDEA

二：从git仓库拉取工程的代码

下载到本地

此处 我在D盘创建了一个D:/project/front_end的文件夹、将代码放到此路径下面

将gitlab里面phoenix里面的home下载到idea里面

命令  ： git   clone   

三：IDEA编辑器里面打开该工程代码

 

打开成功后更新 git仓库的代码、保持本地与远程仓库代码同步

ctrl+Alt+T

打开该工程的任一分支、例如 fire-phoenix 1.3.7

四：安装前端打包的依赖组件

打开 Terminal

首次进来需要install全局配置项目组件

如果使用node.js 加载install很慢时，可以将切换成taobao国内的地址访问

使用–registry参数指定镜像服务器地址，为了避免每次安装都需要--registry参数，可以使用如下命令进行永久设置：

npm config set registry http://registry.npm.taobao.org  

• 配置后可通过下面方式来验证是否成功 
• 
  npm config get registry
• 或 
  npm info express

第一次 npm install  时候可能会报错（一般这些项目支持的组件都是国外的，install批量安装的时候可能某些软件会撞墙安装失败，就需要单独安装）

install批量安装的时候 node_sass失败了，所以需要单独安装node_sass（npm i node_sass 在front_end前端文件的phoenix-home里面单独安装node-sass组件）

该项目phoenix-home---node_modules---src--packbag.json里面有支持本项目的配置组件和命令

npm  in -g  nodemon 全局安装

如失败、再次执行以上命令

组件安装完成之后、看工程是否可本地运行

五：打包代码

确认从远端拉下的代码是已更新同步的、就可进行打包、发布到对应服务器上进行测试

npm  run compile 编译打包文件夹，生成dist文件

六：连接测试前端服务器、将dist文件夹发布到对应工程

利用git bash （需下载：链接: https://pan.baidu.com/s/1AcGznhtGUPrPUwB9XtY_kQ 密码: tw1r）进行远程发布

远程同步命令

 

scp -r  远程连接服务器 传输文件

输入前端测试服务器的 ip、登录名、密码 进行传输

在服务器的对应路径下确认 dist文件包是否发布 成功

 

 

以上从测试的角度上 将一个前端项目从git仓库拉取代码到本地带包 、发布到对应测试服务器的 动作完成、如有不足、欢迎指正！（下一篇准备写后端工程打包发布）