Vue 进阶（三十四）： webstorm 应用 git 进行版本管理
一、配置步骤
首先要确保电脑已经成功安装好
git。（记住git的安装位置）webstorm配置依次点击：file –> Settings –> Version Control –>Git。
只需要在红框部分选择git的正确安装路径（找到git.exe），点击 OK，配置完成。如果不确定git路径是否正确，可以点击红框后面的 Test 按钮。
将服务器上的项目检出到本地
依次选择：VCS –> Checkout from Version –> Git。依次输入git仓库的地址，父目录路径 和 当前目录名：
注意：此处需要配置hosts文件 C:\Windows\System32\drivers\etc
同第二步，可以点击右侧的 Test 按钮，检测git仓库地址是否正确，检测成功提示如下：
点击Clone，选择 Yes 开始克隆。根据提示打开本地克隆的项目，就可以看到想要的文件了。
二、git 操作
要想获取git仓库上的最新文件，可以在最外层目录上右键，依次选择 Git–>Repository –> Pull。注意webstorm中本地文件的颜色，黑色代表和git仓库上的代码同步，其他颜色可能代表本地新建的文件没有加入git管理，或者加入了没有提交，或者对文件进行了修改还没有提交。
2.1 新建（修改）文件
每次新建文件的时候，都会询问是否将文件加入git管理，选择 Yes：
这时项目中就多了一个绿色文件。当修改了某个文件的时候，这个文件也会变成绿色。代表下一次提交的时候会被提交。
2.2 撤销操作
如果一个文件修改之后又不想修改了；或者误删了一些东西；或者新添加的文件不想在下一次提交到git仓库；… 可以将其还原到上一个版本。操作方法：在这个文件上右键，选择Git –> Revert。
2.3 提交到 git 仓库
为防止多人提交文件产生冲突，一定要注意：
注意：在提交操作之前，要先进行pull操作，获取到git仓库上最新的项目，再提交。
pull操作即上面提到的：最外层目录上右键，依次选择 Git–>Repository –> Pull。
提交操作：在文件或目录上右键，依次选择：Git –> Commit File（Commit Directory）左上部分可以选择要提交的文件（像是.idea之类的配置文件不用提交）；左下部分是日志信息，在这里写明本次提交改动了那些地方；Commit按钮处点击 Commit and Push，再选择Push，就完成提交了。
2.4 查看历史
这里的Log和History标签里可以看到git仓库的修改记录。
或是点击 下方标签栏左侧的Version Control：
选择历史版本后，双击右侧的文件可以打开该文件的修改记录，如下图：
这样就可以看到谁在什么时间修改了什么文件了。
三、拓展阅读
版权声明: 本文为 InfoQ 作者【No Silver Bullet】的原创文章。
原文链接:【http://xie.infoq.cn/article/ab868e6e69a8d54d0a4f1543e】。文章转载请联系作者。
No Silver Bullet 2021.07.09 加入
岂曰无衣 与子同袍
评论