用來管理程式碼片段的三個開源工具

策展摘要說明

✍ 以主題方式整理出相關的開源專案 – 開源報報主題報導

程式碼片段管理器

這個工具專門幫你管理一些可重複使用的程式碼片段,這個工具使用 Electron ,Vue 和 Monaco 開發

程式碼片段管理器不僅要提供程式碼片段的組織,還要有一個好的程式碼編輯器。 這就是為什麼在 massCode 的引擎蓋下有一個 Monaco 編輯器。 Monaco 是來自 Microsoft 的現代程式碼編輯器,用於最流行的 VS Code 編輯器。 編輯器提供智慧感知,驗證 TypeScript,JavaScript,CSS,LESS,SCSS,JSON,HTML。 它還為格式化程式添加了一個超級高效的 Emmet 和 Prettier

Lepton – 基於 Github Gist 的程式碼片段管理器

這個程式碼片段管理工具是基於 Github Gist ,所以不用擔心雲端備份的問題

功能

  • 無限制的公開/私有程式碼片段
  • 無限制的標籤
  • 程式語言群組
  • Markdown/JupyterNotebook 支援
  • GitHub 企業版支援
  • Immersive mode
  • 可客製化
  • Light/Dark theme
  • macOS/Win/Linux
  • Dashboard
  • 搜尋
  • Proxy
  • Free

這個程式使用以下技術

  1. 框架: Electron
  2. 綑綁器: WebpackBabelelectron-builder
  3. 程式語言: ES6Sass
  4. 程式庫: ReactReduxRedux ThunkRedux Form
  5. Lint: ESLint

Snippet-generator 程式碼片段樣板產生器

程式設計師為了要讓寫程式效率高一些,往往會自己定義一些程式碼片段的樣板,例如宣告一個繼承框架提供的元件類別,這樣可大幅提升寫程式的效率,這個功能在目前許多知名的編輯器也都有支援,但是缺點就是要定義這些程式片段樣板有點麻煩,要自己加入一些前置字元,也很有可能輸入錯誤而無法產生正確的程式碼片段,製作一個程式碼片段樣板就花費了不少時間,這位開發者看到了你的痛處,寫了一個網站服務 – Snippet-generator  ,輸入你的程式碼片段,與設定在編輯器會如何啟動這個程式碼片段的關鍵字,然後這個服務就會幫你產生對應的程式碼片段樣板格式,你再將產生好的樣板 copy/paste 到你常用的編輯器設定就可以了,目前這個服務支援 – VSCode,Sublime Text ,Atom 等編輯器。

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: