Sublime Text

快速啟用

安裝 Pretty JSON

安裝好後添加一下設定：

{
  "indent": 2,
  "bracket_newline": false,
  "brace_newline": false
}

設定 sidebar 字體大小

CMD + Shift + P，搜尋「Customize Theme」，加入以下設定：

{
  "variables": {},
  "rules": [
    {
      "class": "sidebar_label",
      "font.size": 16
    }
  ]
}

在 Terminal 中打開 Sublime

$ sudo ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl

---

LEGACY

快速鍵

Opt + 資料夾：收合所有資料夾

自訂 snippet

snippet 儲存的位置

Mac OS X: /Users/[YourName]/Library/Application Support/Sublime Text 3/Packages/User

Quick insert text and code with sublime text snippets

列出所有安裝的 package

Preferences -> Package Settings -> Package Control -> Settings-User

Mac OS X: /Users/[YourName]/Library/Application Support/Sublime Text 3/Packages/Package Control.sublime-settings

What is the most practical way to list all the installed packages in Sublime Text 3?

外掛安裝

安裝外掛（Ctrl + Shift + P），點選  install package。

建議安裝

• EMMET
• ConvertToUTF8
• Color Highlighter
• BracketHighlighter
• FakeImg Img Placeholder Snippet
• HTML-CSS-JS Prettify
• SideBar Enhancements
• SublimeCodeIntel
• AutoFileName(自動找出檔案圖片路徑連結)
• SASS

推薦

• Package Resource Viewer
• LiveStyle
• SFTP：https://youtu.be/g6NqBGHFfm0
• ChineseLorem：CTlorem + 「ALT + C」

佈景主題相關

• themr：快速設置調整各類 theme (https://youtu.be/nSDgYDjF3wo)
• Spacegray
• Predawn
• firacode 字體（https://goo.gl/ielGOm）

外掛安裝位置

Sublime Text --> Preference --> Browser Packages

{
     "bootstrapped": true,
     "in_process_packages":
     [
     ],
     "installed_packages":
     [
          "A File Icon",
          "AutoFileName",
          "Boxy Theme",
          "Boxy Theme Addon - Font Face",
          "BracketHighlighter",
          "Brackets Color Scheme",
          "Color Highlighter",
          "Emmet",
          "FakeImg Image Placeholder Snippet",
          "HTML-CSS-JS Prettify",
          "Jade",
          "JavaScript Completions",
          "JSHint Gutter",
          "Package Control",
          "PackageResourceViewer",
          "Predawn",
          "Pug",
          "Ruby Completions",
          "Ruby Debugger",
          "Sass",
          "SideBarEnhancements",
          "StandardFormat",
          "StandardSnippets",
          "SublimeCodeIntel",
          "SublimeLinter",
          "SublimeLinter-contrib-standard",
          "Themr"
     ]
}