iCode：開源的在線 html/css/js 編輯器

iCode，一款開源的在線 html/css/js 編輯器。

爲何要建立 iCode？

是的，市面上已經有不少成熟的產品，好比 jsfiddle、codepen 等，爲何要再來一個呢？很簡單：練手 😂

一方面，iCode 比較適合練手 css/Vue 等技術，另外一方面本身平時也可能會用到 iCode 來測試代碼。

iCode 有什麼特色？

即便是練手項目，iCode 仍是有些本身的特色的：

• html/css/js/preview 四分佈局，很是相似於我本身平時用的 iTerm2
• 交互上，也相似於 iTerm2：高亮當前 Panel，可拖拽調整 Panel 大小

• 快捷鍵支持（我是效率控）：
  • ⌘1/2/3/4 顯示隱藏 html/js/css/preview 區域
  • ⌘Enter 手動運行代碼
• 基礎的編輯器支持，如自動縮進、語法高亮、語法檢查等
• 代碼保存在瀏覽器本地存儲中

默認編輯後自動運行代碼，若是擔憂有太屢次沒必要要的執行，能夠點頁面右下角設置按鈕，取消該選項。

iCode 還差什麼？

距離一款成熟的在線編輯器，iCode 還差不少，好比：

• 瀏覽器適配，手機適配
• 多項目支持；目前 iCode 僅支持單項目代碼
• 雲端保存代碼，跨瀏覽器運行
• 代碼可嵌入網站
• 上傳資源文件
• 更多界面佈局、主題
• …

源碼

• GitHub
• 在線示例

npm run serve，你懂的。

歡迎交流~