1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. ”一點” 隨即讓Github開啟雲端版Microsoft Visual Studio Code編輯器,甚至還支援git版控

”一點” 隨即讓Github開啟雲端版Microsoft Visual Studio Code編輯器,甚至還支援git版控

2021/08/16

梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github
  現在當下最火紅的網頁編輯器,應該就是由微軟所推出的Microsoft Visual Studio Code,由於微軟的Microsoft Visual Studio Code與Git版控整合的相當好,讓以往需要輸入指命,才可將檔案同步到遠端中,現在透過Microsoft Visual Studio Code,完全無需輸入任何的指令,只需透過視覺化的工具,立即就可完成.。

而這麼好用的網頁編輯器,現在竟然也整合到GitHub中,讓你完全無需安裝VS Code,線上就可透過Github來開啟雲端的VS Code,甚至編輯好的檔案,還可以直接同步回Github中,至於要怎麼開啟與同步檔案,現在就一塊來看看吧!


Step1
首先,先進到入Github再開啟專案目錄。
梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github
Step2
接著按下鍵盤中的
梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github
Step3
隨即就會進入網頁的編輯模式。
梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github
Step4
在進入後,有沒有感到很熟悉,而這就是雲端版的VS Code啦!
梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github
Step5
在修改完網頁後,就可點選左邊的git圖示,並輸入版本說明後,再按Command + Enter,就可將檔案同步回Github中。
梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github
Step6
同步好後,再到Github來檢查看看。
梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github
Step7
哈~找到網所修改的文件後,也已修改為剛所輸入的,因此現在透過Github與鍵盤中的點,立即就可進入編輯模式,讓平常外出,要臨時修改網頁時,就可透過此方法進入編輯模式囉!
梅問題-”一點”隨即讓Github專案頁面,開啟雲端版Microsoft Visual Studio Code,當編輯好的檔案還可同步到Github