[Tools] Webstorm Github的配置与使用

Posted 2021-02-08 break大蜗牛

安装GitHub

• 官网下载对应的版本 - https://www.git-scm.com/download/
• 默认安装即可
• 检查WebStorm中是否已经找到git.exe
  • File -> Settings -> Version Control -> Git -> Test

在WebStorm配置GitHub账号

• 绑定GitHub账号
  • File -> Settings -> Version Control ->GitHub ->Add Account
  • 输入用户名、密码

通过SSH连接GitHub账号和本地

• windows菜单中搜索并打开Git Bash
  • ssh-keygen -t rsa -C GitHub账号
  • 会有三个问题，分别是保存SSH key的文件、密码、再次输入密码，都有默认值，可以直接回车3次
  • 生成SSH Key后，会提示保存的文件路径
  • 打开该文件，保存SSH Key
• 打开GitHub主页，右上角自己的账号
  • Setting -> SSH and GPG keys -> New SSH key

新建Repository

• GitHub主页， 右上角自己的账号
  • My Repository -> New
  • 复制.git结尾的链接

上传WebStorm中的代码

• 绑定Repository
  • VCS -> Checkout from Version Control -> Git
  • URL中把刚才复制的git地址粘过来
  • Directory就是本地的代码文件夹，必须是空文件夹（如果已经写过代码，可以先新建一个，再把代码复制过来后继续后面的步骤）
• 此时所有文件名应该都是红色，因为GitHub上没有任何文件
• 右键项目名（或者任何红色的文件名）， Git -> Add
  • 文件名会变绿，证明已经Add
• 再次右键项目名，Git -> Commit Directory （或者VCS -> Commit）
  • 可以在小三角里直接选择Commit and Push
    
  • Commit或者Push的进度显示在最下面，成功也会有提示信息
• 检查GitHub中是否有刚才Push