返回

代码版本控制管理利器 —— WebStorm强大的Git版本控制

前端

前言:
JetBrains出品的IDE最大的一个好处就是开箱即用,而且几乎你开发中需要使用的功能全部都内嵌在IDE上面,毫不夸张的说:就差内嵌一个浏览器了(这功能在2021版本还真的实现了...)。

JetBrains全家桶中WebStorm一直是我的最爱,因为它对于前端项目,尤其是使用了TypeScript语言的项目,提供了极佳的智能提示,并且在Vue项目中更是如虎添翼。

除此之外,WebStorm的Git版本控制功能也是非常强大,今天就来给大家介绍介绍。

认识界面:
1. 打开一个使用Git版本控制的项目,在WebStorm界面底部可以看到Git相关的信息,如果当前处于detached head(游离头指针)状态,则会在最左侧显示对应的提示。
2. 对于没有进行任何修改的文件,文件名左侧是白色的。如果某个文件被修改了,文件名左侧会显示绿色。如果文件被删除了,文件名左侧会显示红色。
3. 中间区域可以看到当前分支名,以及是否与远程分支有差异,如果有差异,差异会以红色的气泡提示出来。点击这个气泡,可以看到差异的具体内容。
4. 右侧是操作按钮,从左到右分别是:

  • Commit: 提交当前修改。
  • Push: 推送到远程分支。
  • Pull: 从远程分支拉取最新修改。
  • Fetch: 从远程分支拉取最新修改,但不合并到本地分支。
  • Checkout: 切换分支。
  • Reset: 回退修改。
  • Merge: 合并分支。
  • Rebase: 变基。
  • Resolve Conflicts: 解决冲突。

Git操作:
1. 提交修改:
- 在编辑器中修改了文件后,需要先保存文件。
- 然后点击Git工具栏上的Commit 按钮,或者使用快捷键Ctrl+Alt+K
- 在弹出的窗口中输入提交信息,然后点击Commit 按钮。
2. 推送修改:
- 提交修改后,需要将修改推送到远程分支。
- 点击Git工具栏上的Push 按钮,或者使用快捷键Ctrl+Shift+K
- 在弹出的窗口中选择要推送到哪个远程分支,然后点击Push 按钮。
3. 拉取修改:
- 从远程分支拉取最新修改。
- 点击Git工具栏上的Pull 按钮,或者使用快捷键Ctrl+Alt+P
- 在弹出的窗口中选择要从哪个远程分支拉取修改,然后点击Pull 按钮。
4. 切换分支:
- 在不同的分支之间切换。
- 点击Git工具栏上的Checkout 按钮,或者使用快捷键Ctrl+Alt+O
- 在弹出的窗口中选择要切换到的分支,然后点击Checkout 按钮。
5. 回退修改:
- 回退到上一个提交或更早的提交。
- 点击Git工具栏上的Reset 按钮,或者使用快捷键Ctrl+Alt+R
- 在弹出的窗口中选择要回退到的提交,然后点击Reset 按钮。
6. 合并分支:
- 将两个或多个分支合并到一起。
- 点击Git工具栏上的Merge 按钮,或者使用快捷键Ctrl+Alt+M
- 在弹出的窗口中选择要合并到的分支和要合并的分支,然后点击Merge 按钮。
7. 变基:
- 将当前分支的历史记录与另一个分支的历史记录重新组合。
- 点击Git工具栏上的Rebase 按钮,或者使用快捷键Ctrl+Alt+B
- 在弹出的窗口中选择要变基到的分支,然后点击Rebase 按钮。
8. 解决冲突:
- 当多个用户同时修改了同一个文件时,可能会出现冲突。
- 在Git工具栏上可以看到冲突的文件,文件名左侧会显示红色的气泡提示。
- 点击这个气泡,可以看到冲突的具体内容。
- 在编辑器中解决冲突,然后保存文件。
- 点击Git工具栏上的Resolve Conflicts 按钮,或者使用快捷键Ctrl+Alt+C

好了,以上就是WebStorm的Git版本控制功能介绍,希望对大家有所帮助。