[Day 15] 将专案放上GitHub

今天来把专案上到GitHub啦~

老实说Git就是那种学校没教，但是你工作又90%会用到的重要东东

(不能说100%，因为我真的有遇过没在做版控的公司)

如果需要教学文的话，推荐这篇~猴子都懂的Git入门指南

安装Git【教学1 开始使用Git】 | 连猴子都能懂的Git入门指南 | 贝格乐（Backlog）

不过光看教学是不够的，还是要自己上手操作用过，才算学会啦~

建议可以建个专案来尝试一下，推上去还是可以删掉，不用担心

这篇文章会完全一步一步操作！　Let's Go~

上传前先检查一下

首先打开WebStorm後，在上方选单有个 VCS，点开後有个 Share Project on GitHub

点下去後，如果你的JetBrains还没跟GitHub绑定，他会要求你授权

将JetBrains绑定GitHub帐号

在 Day9 有说过JetBrains有多个IDE工具，WebStorm就是其中一个，因此只要授权一次，之後使用其他IDE工具就不用重新授权了

点选後会要求你登入Github，然後连到这页，确认一下授权的内容後，按 Authorize JetBrains

有跳出这页就代表授权成功~ 关掉并回到WebStorm即可

安装Git

另外还会问你要不要安装Git (我没截到图)，会安装的内容如下图

安装前WebStorm的下方工具列

安装後，会多了一个Version Control的页面，不过要专案本身有在Git管控下才可以使用，稍後会有实际使用的图

上传到GitHub

好的，把该装的都装完，就可以再点一次选单的VCS，Share专案到GitHub了，

Repository name是上传後的专案名字，因为我到时候还有一个後端要上传，所以这边加了一个-web来区分

Remote这个是你远端仓库的名字，预设是origin

Description就是专案描述

输入完成後按Share即可！

选择首次要commit的档案

在上传专案後，会需要进行首次的Commit，这边预设会勾选全部的档案

( 红色代表没有加入Git版控的档案 )

那下方的 commit 讯息可以依照个人的习惯来写

Commit 失败!!

第一次Commit时，跳出了错误讯息，我看了一下，他说有成功建立专案到GitHub，不过commit失败了！

因为他抓不到我的email 跟 name，这个很好解决~

点开上方选单的Git > Commit

(如果选单还是VCS，请先安装Git工具，文章最下方有教学)

确认要commit的档案内容後，输入Commit讯息，按Commit

他会跳出视窗要求你先设定 Git 的 User Name和 Email，设定後按Set and Commit 即可

Commit 成功

来看一下 IDE下方的Git功能页，可以看到多了一笔Commit讯息，点下这则讯息後，右边的小视窗会列出这次有 新增/修改/删除 的档案细节

双击档案会跳出Git比对差异的页面，因为这次是新增档案，所以每一行都是绿色的，代表新增

Push

commit只是把修改纪录保存在本地而已，

确认Commit的档案都正确後，还需要Push到远端的仓库上，一样点击选单Git > Push

会跳出Push commits的视窗，如果你累积很多笔 Commit 才 push，这边就会逐笔列出commit讯息跟对应修改的档案，ok後就按Push

检查一下，在这个commit栏位後方的标签，本来只有 master ，现在还多了 origin，就代表远端的仓库也更新到了这个commit

到GitHub检查

也可以到GitHub上检查专案有没有推成功

我的GitHub https://github.com/SiQing47/event-platform-web

( 如果看到专案进度跟文章不一样是正常的，因为我都是提前写好存稿的唷)

补充一 - Commit讯息规范

这边打个岔，Commit讯息规范其实也是Git很重要的一环，好的commit讯息要简洁有力，让其他协作者看到讯息就可以清楚这次的commit包含甚麽内容，为甚麽要修改，像是我习惯会在讯息最前面加上 type，用来区分这次的commit的类型，这边就先不聊太多，有兴趣可以参考下面这篇

Git Commit Message 这样写会更好，替专案引入规范与范例

补充二 - 安装Git工具 GitToolBox

使用JetBrains的IDE，很推荐新增这个Plugin GitToolBox，详细功能请参考文件

它会每30分钟自动检查有没新的commit

上方选单的VCS也改成了Git，多了很多功能，另外IDE的各个角落也多了Git的快捷键(Commit、Push、Update...等)

okay~希望大家都能变成Git小能手

明天见啦