程式碼教學利器!可協作免費漂亮線上程式碼編輯器


之前介紹了幾個玩遊戲學寫程式的網站後:


有朋友跟我推薦了今天要介紹的這個「 CodePile 」免費線上工具

他說「 CodePile 」可以是工作上跟別人快速分享程式碼、一起合作程式碼編寫的小工具,也是一個漂亮且支援 130 種語法的線上程式碼編輯器,免安裝,也可以免註冊。

更進一步的,他說利用這個「 CodePile 」來教別人修改與編寫程式碼也非常好用,一來「 CodePile 」可以讓程式碼有漂亮的顏色註解,二來「 CodePile 」還懂得偵測錯誤的語法,三來「 CodePile 」不僅可以多人即時協作,也能線上交談,完全就是程式碼教學利器。

2016/1/17 新增:Google Drive 安裝免費寫程式軟體!協作網頁編輯器




1. 免註冊、免安裝,線上程式碼編輯器


打開「 CodePile 」網站就能開始進行程式碼編輯,不需要安裝,也不一定需要註冊。





2. 支援 130 種程式碼語法的漂亮排版


「 CodePile 」支援 130 種程式碼的語法排版格式,可以在上方替換,也可以切換白色與黑色的不同版面。





3. 即時分享程式碼網頁


如果你希望分享漂亮的程式碼排版給別人參考,利用「 CodePile 」寫上程式碼後,直接把專屬網頁分享給對方即可,對方可以看到程式碼,但還不能編輯。





4. 開啟多人協同合作編輯功能


我們必須到「 CodePile 」程式碼編輯網頁下方,勾選「 Make it a Party Pile 」,這樣一來這個專屬網址的程式碼就開始支援線上多人即時共同編輯。





5. 線上對話即時通


其實進入協作的編輯者,除了可以立即修改程式碼內容外,還可以透過右下方的即時通做討論。





6. 支援語法協助與錯誤提示


而且「 CodePile 」也不只是單純的程式碼編輯器,他還能在編輯時提供一些關鍵字的建議選單,或是出現可能錯誤的語法提示。





7. 建立程式碼還原點


更進一步的,「 CodePile 」還支援「還原歷史版本」的功能,我們要到右下方的[拍照]按鈕先儲存某一個時間點的程式碼,這樣一來之後要還原時,就可以還原到當初某一個快照的時間點。


整體來說,「 CodePile 」是一個漂亮的線上程式碼編輯器,利於分享,還能多人協同合作,並且加上他的提示功能,也適合程式碼修改與教學。

而上述我提到的所有功能,不僅免費,還不需要註冊帳號就能使用,對於臨時的程式碼教學也很有幫助。

那麼註冊登入「 CodePile 」帳號有什麼優點呢?這時候你可以管理自己新增過的程式碼,或是刪除某一個程式碼頁面,而且多人協同合作時會顯示你的專屬名稱。

推薦給有需要的朋友試試看。

延伸閱讀相關文章:


轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:程式碼教學利器!可協作免費漂亮線上程式碼編輯器


留言

  1. 想教兒子寫程式。 Esor 介紹的這個網站正好友我想要的功能。感謝。

    回覆刪除
  2. 作者已經移除這則留言。

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

最簡單養成習慣方法是「解決問題」,不靠時間表、獎懲與意志力

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱