vs代碼補全的快捷鍵_iPad Pro變生産力工具，你還缺個輕量級浏覽器端代碼編輯器...

曉查 發自 凹非寺

量子位 報道 | 公衆号 QbitAI

最近，蘋果推出了新的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​github.com

CodeSanbox：

Online IDE for Rapid Web Development​codesandbox.io

—完—

@量子位 · 追蹤AI技術和産品新動态

深有感觸的朋友，歡迎贊同、關注、分享三連վ'ᴗ' ի ❤