vscode使用git管理代码

visual studio code(以下简称vscode)集成了Git管理,但是在网络上找了很多资料,只有如何创建本地环境的介绍而没有如何使用,这对我刚接触Git时造成了很大困扰,也弄崩了公司git上的一个分支,幸好时分支。。。
下面简述几点在vscode上使用git的方法(我是前端)
1. 第一次使用git管理代码的时候,从远端拉去代码到本地,由于node_modules和bower_components这两个文件夹都是在本地下载,所以不会上传至git库,在本地npm install和bower install之后,vscode的git管理就会检测到有5000+的文件更改(具体和下载了多少文件有关,我的是5000+的更改文件),瞬间懵逼有木有。
我的解决办法就是用小乌龟git管理,手动将本地的这俩文件夹添加到.gitignore文件中,这样就会让这5000+个文件不见了。(貌似是这么弄的,真尴尬,具体的忘了!!)
2.之后就是正常使用了,具体图表见图:
这里写图片描述
1)其中左下角就是你的本地分支,单击它会在屏幕上方中间弹出是想新建分支还是想切换分支,新建即是基于这个本地分支创建新的分支。
2)修改后的文件会在CHANGES下显示,点击该文件右侧的➕,相当于git中的add命令,之后在上边的输入框中输入commit message,按cmd(ctrl)+ enter,就是git commit命令
2)然后是菜单栏
pull(拉取)是从远端库中的同名分支拉取代码;
pull from是从远端库可以选择要拉取的分支;
pull(rebase)没用过,详见https://segmentfault.com/a/1190000000456077
push(推送)是将本地分支代码推送到远端同名分支上(远端已经有同名分支);
push to(推送到)是将本地分支代码推送到远端分支上;
publish branch(发布分支)将本地分支发布到远端并提交你的代码
commit相关的和git commit相关命令相同

以上就是我在vscode中使用git的心得,另推荐一个插件Git History,可以看git的操作历史,个人认为还是挺好用的,另外一个gitLens据说也是神器,可是没用明白。
webstorm的git图形化要比vscode的好用很多也全面很多,不过vscode是webstorm整体运行占用资源的一半,所以我没有改用webstorm

江湖小虾,望江湖各位大神指导!


2018.4.27更新
用了一段时间gitlens,发现它要比gitHistory强大很多
最厉害的是它可以辨识出每行代码是什么时间、哪个人提交的,这对代码管理有巨大的帮助

  • 6
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要在VSCode使用Git提交代码,你可以按照以下步骤进行操作: 1. 首先,在VSCode中打开你的项目文件夹。可以通过点击菜单栏中的"文件",然后选择"打开文件夹"来实现。 2. 在VSCode的侧边栏中,点击最上方的源代码管理图标(通常是一个类似分支的图标)来打开Git面板。 3. 在Git面板中,你可以看到在你的项目中进行的所有更改。被修改过的文件会显示在"更改"选项卡中。 4. 如果你想要提交所有的更改,可以点击"全部暂存"按钮,将所有更改添加到暂存区。 5. 如果你只想提交其中的一部分更改,可以在"更改"选项卡中选择相应的文件,然后点击右键并选择"暂存选中的"。 6. 在暂存区的文件中,你可以进一步查看每个文件的具体更改内容。 7. 当你准备好进行提交时,点击"提交"按钮。在弹出的对话框中,输入提交消息并点击"提交"按钮。 8. 提交成功后,你可以在Git面板的"记录"选项卡中查看你的提交记录。 总结一下,你可以通过在VSCode中打开项目文件夹、使用Git面板查看和暂存更改、输入提交消息并提交代码来实现在VSCode使用Git提交代码的操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [手把手教你在VSCode使用Git](https://blog.csdn.net/sinat_16643223/article/details/111713296)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [vscode里面进行git提交](https://blog.csdn.net/weixin_44692055/article/details/125426828)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值