Article Image
read

整理一下常在用的 sublime text 3 套件

檔案操作

  • AutofileName: 自動完成檔案名稱
  • SideBarEnhancements: 強化側邊欄的檔案操作功能

文件格式

  • changeQuotes: 單雙引號轉換
  • editorConfig: 跨編輯器設定編輯時的 coding style
  • eslint formatter: 處理 eslint 格式及錯誤
  • indentX: xml format/unformat
  • pretty json: json format/unformat
  • stringEncode: 各種 string escape/unescape
  • sublimeLinter & sublimeLinter-contrib-eslint: 顯示 eslint 錯誤

前端工具

  • Autoprefixer: 幫 CSS 加 prefix
  • Babel: es6/jsx syntax 支援
  • BracketHighlighter: highlight 相對應之 opening/closing 括號或標籤
  • CanIUse: 瀏覽器支援度查詢
  • color highlighter: source code 內的色碼轉換成實際顏色顯示
  • color picker: package 名稱講得很清楚了
  • console wrap: console.log 快速生成
  • color converter: hex / rgba / hsla 轉換
  • emmet: html/css 快速生成
  • reactJS: react snippets

其他

  • cheatsheet
  • git
  • gitgutter
  • sidebarGit
  • sublimecodeintel: 自動完成、跳到定義等
  • wakatime: 記錄使用時間
Blog Logo

Fin Chen


Published

Image

Fin's Nest

Things about web develop

Back to Overview