• Browser Refresh

描述：通過一個快捷鍵可以實現保存文件，切換到瀏覽器並自動刷新瀏覽器來查看更改結果。

在線安裝：ctrl+shift+P;install package;browser refresh;

成功安裝後會出現一個文件；

To complete the installation make sure you add the necessary key bindings.
  Go to "Preferences" > "Package Settings" > "Browser Refresh" > "Key Bindings - User"
  in
 
 the menu and add the following:
   
  [
    {
      "keys": ["super+shift+r"], "command": "browser_refresh", "args": {
        "auto_save": true,
        "delay": 0.0,
        "activate": true,
        "browsers" : ["chrome"]
      }
    }
  ]

默認的快捷鍵：super+shift+r；可修改。

• BracketHighlighter

描述：BracketHighlighter 是一款Sublime下匹配標簽高亮的小插件，可以把匹配到的如 {}、()、”、””等對應的符號或者標簽高亮顯示。

在線安裝：ctrl+shift+P;install package;BracketHighlighter;

調用方法：選中標簽即可顯示

• AutoFileName

描述：一款在 Sublime Text 中可以自動補全文件路徑及名稱的插件。沒有這個插件之前，如果我們要輸入文件的路徑，就需要憑自己的記憶來輸，但是你能確保記得正確嗎？能否記得圖片是 jpg 還是 png 嗎？想更快的輸入文件名嗎？那麽，你肯定需要這款插件！

在線安裝：ctrl+shift+P; install package; AutoFileName;

調用方法：<img src="../" />

• HTML-CSS-JS Prettify

描述：從名字中就可以看出，這是一款美化 HTML 、CSS、JS及Json代碼的插件。需要註意的是，必須先安裝 Node.js

在線安裝：ctrl+shift+P; install package; HTML-CSS-JS Prettify;

調用方法： 右鍵–“HTML/CSS/JS Prettify”–“Prettify Code”

• Emmet

描述：Emmet的前身是大名鼎鼎的Zen coding，如果你從事Web前端開發的話，對該插件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼，大大提高了HTML/CSS代碼編寫的速度。

在線安裝：ctrl+shift+P; install package; Emmet;（在css文件裏操作）

sublime常用插件總結