webstrom實現本地項目上傳到github 使用WebStorm上傳本地項目到GitHub

使用WebStorm上傳本地項目到GitHub

        在使用 WebStorm 上傳本地項目到 GitHub 之前,先要做一些相關配置。

        首先打開 WebStorm ,依次點擊File -> Settings… 打開系統設置面板,在上面搜索 github 配置 GitHub 相關參數。

        如下圖所示,在1處搜索 github ,如果2處是 Token 則點擊3處的 Create API Token 打開4處的彈窗,輸入用戶名密碼。



        如下圖所示,如果1處是 Password ,直接在下面輸入用戶名密碼即可。



        登錄完成後,可以點擊下圖1處 Test 按鈕測試一下,出現2處所示彈窗,表示連接成功。


        連接成功後,我們還要連接我們下載的 Git,依舊,在1處搜索 git ,在2處輸入 Git 安裝路徑,一般情況下這裏能自動獲取,然後點擊3處 Test 按鈕,出現4處彈窗,說明連接成功。



        因爲我們本地 Git 倉庫和 GitHub 倉庫之間的傳輸是通過 SSH 加密的,所以我們需要配置驗證信息。

使用以下命令生成 SSH Key

$ ssh-keygen -t rsa -C [email protected]

        後面的 [email protected] 爲你在 GitHub 上註冊的郵箱,運行命令後會要求確認路徑和輸入密碼,這裏 我們無需輸入,一路回車就行。成功的話會在C:\Users\Administrator\ 下生成 .ssh 文件夾,進去,打開 id_rsa.pub,複製裏面的Key。

        打開 GitHub 上,如下圖所示,進入Account -> Settings 



        如下圖所示,點擊1處的 SSH and GPG keys,然後點擊2處的 New SSH key 按鈕,在3處填寫剛剛生成的SSH Key,Title 處填寫標題,可以隨便填,Key 處粘貼剛纔生成的 key。添加成功後如4處所示



        可以輸入以下命令驗證是否成功

$ ssh -T git@github.com
        第一次運行該命令可能會出現提示信息,輸入 yes 即可。

        最後返回如下信息則表示已成功連上 GitHub。

Hi yourname! You've successfully authenticated, but GitHub does not provide shell access.

        到這裏,所有的配置已經完成,我們就可以會用 WebStorm 上傳本地項目到 GitHub 了。


———————————————————-手動分割線———————————————————-


        這裏如果我們是將已有項目上傳到 GitHub ,則在 WebStorm 打開項目後,如下圖操作。


        點擊 Share Project on GitHub 後打開下圖所示面板,輸入想要上傳到哪個倉庫,這裏注意,不能與 GitHub 已有倉庫重名,因爲這步操作會在GitHub創建一個新的倉庫



        點擊 Share 按鈕後,可以立即在後續彈窗中將代碼提交到 GitHub 倉庫。也可以以後自己單獨提交。


        如下圖所示,爲Git相關操作,Commit,Push,Pull 等。這裏不對這些操作的作用做相關說明。

        紅色方框框出來的兩處,Commit 都可以打開 Commit 面板,Update 和 Pull 都可以從遠程倉庫更新代碼。


        點擊 Commit 後,出現如下圖所示窗口,1處顯示的爲有改動的文件2處填寫這次 Commit 的備註3處可以選擇只 Commit 還是 Commit and Push 。等 Push 完成之後,我們再去 GitHub,就可以看到剛纔提交的代碼了。



        這裏如果我們是新創建的文件,首先需要點擊如下圖所示Add,才能進行 Commit 。



———————————————————-手動分割線———————————————————-


        如果我們要從 GitHub 已有的倉庫中 Clone 代碼。那麼如下圖選擇。



        點擊後出現如下彈窗,填入相對應的倉庫URL,克隆到本地的地址,就可以進行克隆了。



  要上傳其他項目的話只要用webstrom打開要上傳的項目然後執行即可




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章