本文經(jīng)AI新媒體量子位（公眾號ID:QbitAI）授權(quán)轉(zhuǎn)載，轉(zhuǎn)載請聯(lián)系出處。

注意，這篇文章就是在勸你買iPad Pro(手動狗頭)~

最近，蘋果推出了新的iPad Pro，號稱生產(chǎn)力工具。

然而對程序員來說，不能寫代碼，就難以稱得上生產(chǎn)力。

雖然也有一些優(yōu)秀的寫代碼App可供程序員使用，但本著能不花錢就不花錢的原則，還是可以去找一些開源軟件。

于是乎，現(xiàn)在有一款免費的瀏覽器端代碼編輯器CodeJar，值得你看看。

它的優(yōu)點是輕量級，總體積僅2KB。自動縮進、自動添加右括號引號。

因為是在瀏覽器中使用，所以CodeJar自然也就跨平臺，Safari、Chrome、Firefox等瀏覽器上都能用，iPad和Android平臺上的瀏覽器也能正常使用。

在使用CodeJar之前先使用npm安裝

npm i @medv/codejar

并通過以下代碼導(dǎo)入模塊

語法高亮如何解決呢？不要怕，CodeJar擴展性很強，支持導(dǎo)入外部的語法高亮庫。

你可以從PrismJS或者highlight.js下載現(xiàn)成的規(guī)則，或者根據(jù)自己的個人習(xí)慣編寫規(guī)則。

比如你編寫HTML代碼，則可以直接調(diào)用PrismJS的規(guī)則：

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可以根據(jù)需求編寫任意一種語言，也可以設(shè)置不同的主題，淺色暗色隨意設(shè)置，只需導(dǎo)入對應(yīng)的語法規(guī)則即可。

以下就是一段go語言程序在railscasts主題下的效果。

如果你不把CodeJar僅僅看做是一款代碼編輯器，甚至還能用它實現(xiàn)酷炫的文字效果。

如果你覺得CodeJar還是太簡陋，沒法滿足你的需求，那么還有一款更全面的在線代碼編輯器CodeSanbox。

CodeSandbox允許使用任意NPM軟件包，并且是基于VS Code的編輯器，如果你適應(yīng)后者，那么上手CodeSandbox應(yīng)該很輕松。

而最最重要的是CodeSandbox還支持Vim快捷鍵，對于支持鼠標(biāo)還不夠完善的iPad來說，這一點太重要了。

最后，網(wǎng)頁端已經(jīng)設(shè)置好。

現(xiàn)在剩下的只有一個問題：買一臺iPad Pro。

項目地址：

https://github.com/antonmedv/codejar

CodeSanbox：

http://codesandbox.io/