webstorm连接Git及使用

webstorm连接Git及使用

优秀的程序员(猿)一定离不开Git,Git作为一种保存代码记录日常操作,可以说是一种比较完美的工具,接下来介绍如何在webstorm上连接Git并且上传代码。(记性不好,用博客记录下来)

  • 确保你的电脑上安装好了webstorm并且你有一个Git账号,我的环境是win10.
  • 在你的Git上好仓库,例如我创建了一个“JS”的仓库。
    webstorm连接Git及使用_第1张图片
  • 打开你的webstorm,点击VCS->Checkout from Verison Control->Git,输入你的仓库地址,点击test,出现connection successful,然后点击clone,
    在这里插入图片描述
    webstorm连接Git及使用_第2张图片
    接下来会出现弹窗,如图所示:
    webstorm连接Git及使用_第3张图片
    点击Yes确定之后,点击This window,webstrom进入新的界面之后,就可以在你的本地文件内进行编辑了。
    webstorm连接Git及使用_第4张图片
  • 接下来我要在这个文件内新建一个html文件,每当你建立一个新的子文件,都会有这样一个弹窗webstorm连接Git及使用_第5张图片
    弹窗提示是否将改文件上传到Git,点击Add就好,也可以勾选Remember,默认设置。点击之后你会发现,新建的子先变成了红色,短暂之后变成了绿色。在本地新建一个文件,注意建立完是红色的,表示还未添加,add之后是绿色的,做过修改是蓝色的,忽略的文件是灰色的。
  • 接下来就可以写代码了,简单写完之后,点击VCS->Git->Commit Changeswebstorm连接Git及使用_第6张图片填写好Commit Message,必填,如果不填点击上传的话,也会有弹窗提示,内容无所谓,我一般习惯填写第几次上传,比如本次我填写“first commit”,然后点击右下角“Commit”,稍等一下看到左下角提示:webstorm连接Git及使用_第7张图片
    代码成功上传到缓存区。
  • 接下来就是关键push,点击VCS->GIt->push,确定push,稍等一下,右下角出现“push successful”的弹窗,代码就成功由缓冲区上传到你的Git仓库了。
  • 检查一下你的Git仓库。webstorm连接Git及使用_第8张图片
  • 当你需要更新你的本地代码后,想要更新到Git上,操作如下:在这里,我新增了一个js文件,修改了html内引用js的方式,
    webstorm连接Git及使用_第9张图片
    点击VCS->commit(注意是VCS下的commit,不是Git下的commit,因为考虑到可能会增加新的文件)填写commit message,点击commit,点击VCS->Git->push,push一下,右下角出现“push successful”的弹窗,代码就成功更新到你的Git仓库了。

注:凡是jetbrians编程软件都可以参考

你可能感兴趣的:(GIt)