iPad Pro變生產力工具，你還缺這個輕量級瀏覽器端代碼編輯器
曉查 發自 凹非寺
量子位 報道 | 公眾號 QbitAI
注意，這篇文章就是在勸你買iPad Pro(手動狗頭)~
最近，蘋果推出了新的iPad Pro，號稱生產力工具。
然而對程序員來說，不能寫代碼，就難以稱得上生產力。
雖然也有一些優秀的寫代碼App可供程序員使用，但本著能不花錢就不花錢的原則，還是可以去找一些開源軟件。
于是乎，現在有一款免費的瀏覽器端代碼編輯器CodeJar，值得你看看。
它的優點是輕量級，總體積僅2KB。自動縮進、自動添加右括號引號。
因為是在瀏覽器中使用，所以CodeJar自然也就跨平臺，Safari、Chrome、Firefox等瀏覽器上都能用，iPad和Android平臺上的瀏覽器也能正常使用。
在使用CodeJar之前先使用npm安裝
npm i @medv/codejar
并通過以下代碼導入模塊
語法高亮如何解決呢？不要怕，CodeJar擴展性很強，支持導入外部的語法高亮庫。
你可以從PrismJS或者highlight.js下載現成的規則，或者根據自己的個人習慣編寫規則。
比如你編寫HTML代碼，則可以直接調用PrismJS的規則：
const highlight = (editor: HTMLElement) => {const code = editor.textContent// Do something with code and set html.editor.innerHTML = code}let jar = new CodeJar(editor, highlight)因為可定制性，CodeJar可以根據需求編寫任意一種語言，也可以設置不同的主題，淺色暗色隨意設置，只需導入對應的語法規則即可。
以下就是一段go語言程序在railscasts主題下的效果。
如果你不把CodeJar僅僅看做是一款代碼編輯器，甚至還能用它實現酷炫的文字效果。
如果你覺得CodeJar還是太簡陋，沒法滿足你的需求，那么還有一款更全面的在線代碼編輯器CodeSanbox。
CodeSandbox允許使用任意NPM軟件包，并且是基于VS Code的編輯器，如果你適應后者，那么上手CodeSandbox應該很輕松。
而最最重要的是CodeSandbox還支持Vim快捷鍵，對于支持鼠標還不夠完善的iPad來說，這一點太重要了。
最后，網頁端已經設置好。
現在剩下的只有一個問題：買一臺iPad Pro。
項目地址：
https://github.com/antonmedv/codejar
CodeSanbox：
http://codesandbox.io/
- 腦機接口走向現實，11張PPT看懂中國腦機接口產業現狀｜量子位智庫2021-08-10
- 張朝陽開課手推E=mc2，李永樂現場狂做筆記2022-03-11
- 阿里數學競賽可以報名了！獎金增加到400萬元，題目面向大眾公開征集2022-03-14
- 英偉達遭黑客最后通牒：今天必須開源GPU驅動，否則公布1TB機密數據2022-03-05
