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




















。