• Easy Snippets
  • Index Page
  • Snippets Editor
  • Storage
  • Dev
  • Build
    • Mac OS
    • Win
    • Icon Builder
• Dependency
• Support
• Version
• Feature && Issue

Easy code snippets for software enginer!
為了使用方便。一直會(huì)秉持 “簡(jiǎn)潔”、“實(shí)用”的 更新和設(shè)計(jì)原則！因?yàn)镃oder們的??已經(jīng)跑了很多程序了，過度的渲染毫無(wú)意義，只保留最基本的功能即可！！??！

Easy Snippets

實(shí)際的開發(fā)工作中,往往會(huì)有許許多多的零散代碼塊。例如某個(gè)經(jīng)典的utils 、某個(gè)特定環(huán)境的一段配置 、一個(gè)重要的腳本實(shí)現(xiàn)，又或者是一些優(yōu)雅的算法實(shí)現(xiàn)。沒有一個(gè)方便的位置管理零散的知識(shí)點(diǎn),大多數(shù)的情況下，我們會(huì)選擇存儲(chǔ)在本地的md or 其他可以存儲(chǔ)的文件中。Easy Snippets，方便大家記錄&使用這些“偉大的知識(shí)碎片”。

Index Page

• 首頁(yè)展示當(dāng)前存儲(chǔ)的所有snippets，上方可使用關(guān)鍵詞搜索及snippets的語(yǔ)言類型過濾。點(diǎn)擊單個(gè)snippets后方的<kbd>Clipboard</kbd>按鍵，該snippets中的代碼內(nèi)容將被復(fù)制到剪貼板。

  
  
  main_page.png

Snippets Editor

• 點(diǎn)擊首頁(yè)的<kbd>Create</kbd>或列表項(xiàng)后的<kbd>Edit</kbd>進(jìn)入snippet編輯頁(yè)。內(nèi)部嵌入一個(gè)codemirror editor，可能還有沒有加上去的高亮語(yǔ)言類型，請(qǐng)告訴我！

  
  
  editor_page.png

• 支持以下語(yǔ)言/框架的高亮展示。

Storage

• 目前存儲(chǔ)在內(nèi)部的indexDB中。借助Dexie.js操作IndexDB.不考慮接入sqlite3 or其他外部數(shù)據(jù)庫(kù)，beacause....覺得太麻煩了，不夠輕量。。當(dāng)前目前的搜索部分實(shí)現(xiàn)的有點(diǎn)兒 cuo。感興趣的同學(xué)可以來優(yōu)化下，hhh.

Dev

# clone to local dir.
git clone xxx
cd easy-snippets
# Using yarn get all dependencies.
yarn
npm run dev

Build

• 為Electron設(shè)置cnpm mirror.

    npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/

• 更新依賴

      git clone https://gitee.com/black-flash-oreo/easy-snippets.git
      cd easy-snippets
      yarn
  

Mac OS

• for mac OS .dmg.

  # do packaging 
  npm run package
  
  # build
  npm run build
  

Win

• npm run buildWin

Icon Builder

# Using electron-icon-builder
cnpm install -g electron-icon-builder
# generate icon for all size
electron-icon-builder --input=/absolute/path/file.png --output=./relative/path/to/folder

Dependency

^{Order in alphabetical order ??}

• CodeMirror(一款偉大的H5代碼高亮編輯器！??)
• Dexie.js（操作IndexDB的神器！??）
• Electron（H5開發(fā)桌面端的神器！??）
• Vue（不用說了吧！??）
• vue-codemirror(神器！??)
• vuex-electron(神器！??)
• ...^{others nested dependencies!!??♀???♀???♀?}

THANKS!!!!!

Version

可直接在RELEASE頁(yè)面下載安裝包，也可以在百度網(wǎng)盤下載（如果你有V3會(huì)員的話，????????）

目前更新的話?。?！還是只能下載全量安裝包安裝！?。〗?jīng)費(fèi)有限?。?！等有錢了搞增量更新版本服務(wù)器?。?！

• V2.0.0 <sup style='color: #315efb'>?In progress ?。。?！

  • 支持單個(gè)snippets的導(dǎo)入導(dǎo)出?^{直接生成相應(yīng)后綴的文件}
  • 支持全庫(kù)的export/import?^{方便多環(huán)境情況下的數(shù)據(jù)遷移}
  • 支持snippets備份?^{支持時(shí)間緯度的定時(shí)snippets滾動(dòng)備份}
  • 支持snippets多級(jí)分組?

• V1.0.1<sup style='color: green'>Available!

  1. Fixed：editor頁(yè)主題切換時(shí)，編輯器主題樣式不變問題
  2. Fixed：ALL過濾條件無(wú)效問題
  3. Feature：返回列表頁(yè)會(huì)保留所有過濾條件
  4. Feature： 增加新版本提醒通知的點(diǎn)擊跳轉(zhuǎn)RELEASE頁(yè)面功能
  5. Feature: 支持snippets排序字段配置

• V1.0.0<sup style='color: green'>Available!

  • RELEASE下載
  • 支持MAC/Window64
  • 支持多種語(yǔ)言的snippets創(chuàng)建
  • 支持snippets內(nèi)容檢索
  • 展示效果支持主題切換

• BaiDuNetDisk ,PWD: 3g3s

Feature && Issue

• 有新的需求 & BUG 請(qǐng)直接 new issue