03 在WebStorm中使用Git

本文所用webstorm版本为2020.1.1

WebStorm中自带的版本控制器

1. Local Changes ==> 记录本地发生改变的文件
2. Log ==> 所有人更新、拉取、合并代码的操作记录
3. Console ==> 控制台
4. Update Info ==> 拉取到的最新代码的信息

在WebStorm中使用git

1.在WebStorm中配置

• 配置git路径

  • 选择File→Settings打开设置窗口，找到Version Control下的git选项：
  • 选择git的安装目录后可以点击“Test”按钮测试是否正确配置。

• 登录github账户：

  • login:此处填写的是用户名，并不是注册邮箱
  • password：是你的注册密码

• 配置 SSH密钥

2.从远程仓库克隆然后推送

 
1.在起始页的欢迎页上有get from version control
 或者在菜单中选择VCS-->get from version control

	- version control 下拉框选择 git
	- url：可以是SSH的，也可以是HTTPS的
	- 目录：指定文件夹，

2.进行git add操作

• 此时文件显示红色，我们需要先git add
• 添加到暂存区
  • 选择文件或文件夹，右键选择git-->add
  • 或者在菜单中选择VCS-->git-->add

3.进行git commit操作

• 此时文件显示绿色
• 从暂存区提交到版本库
  • 选择文件或文件夹，右键选择git-->commit directory，填写commit message
  • 或者在菜单中选择VCS-->git-->commit directory，填写commit message
  • 或者点击右上角的√按钮，填写commit message
  • 此时文件显示正常颜色

4.推送到远程

• 在工程上点击右键，选择git→Repository→push，
• 或者在菜单中选择vcs→git→push
• 点击“push”按钮就讲本地仓库推送到远程，如果是第一次配置推送需要输入github的用户名和密码。

3本地新建工作区然后推送

 
1.在本地新建一个文件夹，创建本地仓库

• 在菜单中选择VCS-->Import into Version Control-->Create Git Repository
• webstorm是选择项目所在文件夹
• intillj 选择工程所在的上级目录

2.进行git add操作

• 此时文件显示红色，我们需要先git add
• 添加到暂存区
  • 选择文件或文件夹，右键选择git-->add
  • 或者在菜单中选择VCS-->git-->add

3.进行git commit操作

• 此时文件显示绿色
• 从暂存区提交到版本库
  • 选择文件或文件夹，右键选择git-->commit directory，填写commit message
  • 或者在菜单中选择VCS-->git-->commit directory，填写commit message
  • 或者点击右上角的√按钮，填写commit message
  • 此时文件显示正常颜色

4.推送到远程

• 首先在github上创建一个仓库repository
• 在工程上点击右键，选择git→Repository→push，或者在菜单中选择vcs→git→push
• 打开页面，点击Define remote,配置https形式的URL，git ssh形式的无法通过。然后点击OK
• 点击“push”按钮就讲本地仓库推送到远程，如果是第一次配置推送需要输入github的用户名和密码。