前端大赛（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仓库日志中查看是否上传成功





















。