WEB开发系列5:团队协作开发的好帮手VSCode+git使用攻略

前言

前2个系列已经说明Python和Vue开发环境的搭建,并推荐使用编辑器工具VSCode,再配合使用VSCode插件,就拥有了一个强大的基础开发环境,这个开发环境可以在我们开发实践的过程中,根据个人的习惯和方式,不断调整和完善,相信后面是一个挑战的过程,也是一个感受编码的快乐过程。

一个优秀的项目,涉及到服务端技术、客户端技术等多个技术组合实践,特别是web服务开发,其涉及前后端整个信息服务周期,不仅是开发人员参与,数据库设计人员、页面设计人员、项目管理人员等都要参与到项目中,而不是靠一个人单打独斗就能完成的,需要的是团队成员的齐心协力和团结协作,很幸运,信息技术人员从来不缺乏智慧,为我们协作编码提供了很多好玩有效的方式,其中Git是现在最流行也是最受欢迎的方式。github.com社区至今认识全球最大开源社区,跨越了时间和空间,为项目团队提供了完美的协作创作模式。

作为一个内部项目或私有项目,在开发之初,为很好实现代码管理和版本控制,创建一个git服务实现提供远程协作开发模式是至关重要的。gogs这里一个国人用go语言写的git仓库,界面友好、功能齐全,易于安装,对小型初创公司或内部开发项目的代码协作管理是一个很好的选择方案。配合VSCode插件更是如鱼得水,能方便快速地记录你每次代码更改过程,让你能在任意时刻查看过去的代码,让你和团队能在代码的路上越走越远。

本地配置git,运用VSCode编辑器将文件上传到git服务端(版本控制系统)

本地需要安装git环境,开发编辑工具推荐使用Visual Studio Code

Git UI
  • gogs服务安装完成后,在后台用户(admin)创建一个名为maint的git仓库。

  • Visual Studio Code安装完成后,首先在本地D盘下新建srchome目录,然后打开vscode工具,在终端中用命令切换到srchome目录中进行克隆服务端maint仓库。

命令如下:

cd d:/srchome

git clone http://domain/admin/maint.git (这里用maint库为例)

  • 将本地库中文件修改后上传至git服务器中。

vscode开发工具会自动检测本地文件是否发生修改。

修改保存后,将该文件添加到暂存区,然后进行提交并对文件做说明。

然后在推送到远程git服务器中(需要输入用户名和密码)。 每次输入用户名密码很繁琐,可以配置免密。

*** 创建文件存储GIT用户名和密码

在%HOME%目录中,一般为C:\users\Administrator,也可以是你自己创建的系统用户名目录,反正都在C:\users\中。

文件名为.git-credentials,由于在Window中不允许直接创建以"."开头的文件,所以需要借助git bash进行,打开git bash客户端,进行%HOME%目录,然后用touch创建文件 .git-credentials, 用vim编辑此文件,输入内容格式:

touch .git-credentials

vim .git-credentials

https://{username}:{password}@github.com

*** 添加Git Config 内容

进入git bash终端, 输入如下命令:

git config --global credential.helper store

执行完后查看%HOME%目录下的.gitconfig文件,会多了一项:

[credential] helper = store

重新开启git bash会发现git push时不用再输入用户名和密码

vscode上传文件至git服务端。如下图:

VSCode编辑器界面

注:当上传报错error: failed to push some refs to 'http://host/srchome/maint.git'时,需要将服务端仓库拉取到本地,再进行上传即可。

1、md文档在VSCode预览情况

2、Git的说明信息填写原则:一类事情做一次更新注释,多个注释和一次提交,将提交情况说明清楚。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容