曉查 發自 凹非寺
量子位 報道 | 公眾號 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的規則：
<code>const highlight = (editor: HTMLElement) => {const code = editor.textContent// Do something with code and set html.editor.innerHTML = code}let jar = new CodeJar(editor, highlight)/<code>因為可定製性，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/
— 完 —
量子位 QbitAI · 頭條號簽約
關注我們，第一時間獲知前沿科技動態
閱讀更多 量子位 的文章
