前端大赛（Web前端团队竞赛 Git+GitStack协作操用方法）

webuser服务器：

1  
  
  
  
  
 、在命令行查看服务器主机ip地址 指令： ipconfig

2 
  
  
  
  
  、在浏览器中输入网址 http://localhost/gitstack/ 进入GitStack仓库登录页面           ，默认用户名：admin 
 
  
 
  
 
  
 
  
 
  
，默认密码：admin









，登录本地GitStack仓库  
  
  
  
  
 。

3


 


 


 


 


 

、在GitStack本地仓库Repositories中创建与项目

4 
 
 
 
 
、在GitStack本地仓库Users创建管理用户

5  
   
   
   
   
   、将创建的用户关联新创建的本地项目

6

 

 

 

 

 
、命令行配置本地缓存仓库的用户名和用户邮箱 指令：

git config --global user.name 用户名(建议与GitStack仓库用户名一致) git config --global user.email 邮箱地址 (使用GitStack时可随机设置)

7
 

 

 

 

 

、在服务器上从GitStack仓库中克隆创建的空项目
  
  
  
  
  
 ，到本地的竞赛工作目录 
  
  
  
  
  。 8           、将竞赛项目文件夹下的所有文件复制到GitStack仓库克隆的空项目文件夹下

9
 

 
 

 
 

 
 

 
 

 
 、在服务器主机上传项目之前 
  
  
  
  
 ，先编写好竞赛项目需要使用的公共路由










、公共组件                、接口等项目公共的内容 


 


 


 


 


 
，有利于最后统一整合项目
 
 
 
 
 
，其余组员可在项目上传到GitStack仓库期间  
   
   
   
   
  ，编写自己负责的页面 

 

 

 

 

 
，等到将服务器统一好的路由
 
 
 
 
 
 
 
 
 
 
 、接口















、公共组件上传到GitStack仓库后

 

 

 

 

 
，分节点主机在克隆项目           ，将编写好的页面 
 

 
 

 
 

 
 

 
 

 
，整合到克隆的项目中在上传到GitStack仓库


 


 


 


 


 

。

10           、上传前需要查看项目中是否存在.gitignore文件










，.gitignore文件中配置那些文件不用上传到GitStack从库中                ，所以在服务器端上传项目之前删除该文件 
 
 
 
 
 
 
 
 
 
 
，以防无法上传完整项目















，导致分节点主机克隆的项目执行出错 
 
 
 
 
。

11
 
  
 
  
 
  
 
  
 
  
 、进入克隆的项目目录将配置好的项目从服务器上传到GitStack仓库  
   
   
   
   
   。 指令：

git add . (选择项目下的所有文件) git commit -m “描述名称  
  
  
  
  
 ” (保存到本地缓存仓库) git push (上传到GitStack仓库)

web001










、web002  
  
  
  
  
 、web003从节点主机：

1 
  
  
  
  
  、在浏览器输入 http://服务器IP地址/gitstack 访问在服务器端创建的GitStack仓库           ，使用默认用户名密码登录

 

 

 

 

 
。

2


 


 


 


 


 

、使用从节点主机分配的用户密码登录进入项目 
 
  
 
  
 
  
 
  
 
  
，可查看项目日志
 

 

 

 

 

。

3 
 
 
 
 
、配置从节点主机的本地缓存仓库的用户名和邮件地址









，所有主机都要配置自己本地缓存仓库的用户名和邮件地址
  
  
  
  
  
 ，才能上传文件到服务器GitStack仓库吗 
  
  
  
  
 ，操作方法与上面服务器配置方法一致           。 指令：

git config --global user.name 用户名(建议与GitStack仓库用户名一致) git config --global user.email 邮箱地址 (使用GitStack时可随机设置)

4  
   
   
   
   
   、从服务器GitStack仓库将修改后的项目克隆到从节点主机本地的竞赛工作目录 


 


 


 


 


 
，方法与上面服务器主机克隆项目的方法一致
 

 
 

 
 

 
 

 
 

 
 。 指令：

git clone http://服务器IP地址/Mallmobile.git

从节点主机与上面服务器主机上传项目文件的方式一样
 
 
 
 
 
，但是要在项目文件根目录  
   
   
   
   
  ，创建.gitignore文件用来配置那些文件不需要上传 

 

 

 

 

 
，因为项目文件中node_modules文件夹是项目的依赖文件

 

 

 

 

 
，所以从节点上的每次上传不需要上传该文件           ，如果不配置.gitignore将极大的增加文件上传的时间 
 

 
 

 
 

 
 

 
 

 
，影响参赛的时间










，所以从节点主机必需配置                ，提高开发效率










。

6

 

 

 

 

 
、进入项目编写.gitignore 配置文件                。

7
 

 

 

 

 

、从从节点主机上上传修改好的项目到服务器GitStack仓库中 
 
 
 
 
 
 
 
 
 
 
，操作方法与上面服务器上传项目一样
 
 
 
 
 
 
 
 
 
 
 。 指令：

git add . (选择项目下的所有文件) git commit -m “描述名称 
  
  
  
  
  ” (保存到本地缓存仓库) git push (上传到GitStack仓库)

8           、在浏览器服务器GitStack仓库日志中查看是否上传成功















。