IT工程師數位筆記本

安裝Package Control

在安裝插件之前，需要讓sublime安裝Package Control。打開Sublime Text的控制臺，快捷鍵ctrl + ~，在控制臺中輸入以下代碼。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安裝插件

• emmet：

  前端神器。一個可以極大提高web開發者HTML和CSS工作效率的工具箱組件。
  查看介紹

• CSS3：

  CSS3語法高亮、CSS語法提示，美中不足的是缺少游覽器私有屬性高亮。
  查看介紹

• CSS Extended Completions：

  關聯CSS文件，智能提示css文件中的類名，非常好用。
  查看介紹

• JavaScript Completions

  支持javascript原生語法提示，媽媽再也不用擔心我輸入document.getElementById(id)。
  查看介紹

• jQuery

  為jQuery的大部分方法提供了示例代碼段，讓jQuery的API更加容易使用。
  查看介紹

• ColorHighlighter

  它可以展示你所選擇的顏色代碼（像“#FFFFFF”, “rgb(255,255,255)”, “white”）的真正顏色。同時它還包含一個顏色選擇器讓你可以方便地更改顏色。
  查看介紹

• BracketHighlighter

  括號以及標簽層級顯示，不用擔心選中的代碼屬于哪個代碼塊，一目了然。
  查看介紹

• HTML-CSS-JS Prettify

  THML、CSS、JS代碼格式化，壓縮過后的代碼可以通過該工具復原。
  查看介紹

• Align​Tab

  使用正則表達式來幫助代碼對齊，比如幾行代碼以=號對齊。
  查看介紹

以上插件覆蓋HTML，CSS，JavaScript，jQuery，CSS顏色顯示，代碼塊級高亮，代碼格式化，代碼對齊，滿足絕大多數前端的需求。

至于用Sass就裝Sass，Sassbuild，git就下sublimeGit，git Gutter，想用某個主題就下主題，想擴展側邊欄就擴展側邊欄，這畢竟不是每個人必須的。

這里再推薦一個主題插件，主題庫比較豐富，感覺大多數人都能用上，避免視覺疲勞：

• Colorsublime

  安裝完成后，可輸入Install Theme，在線更換主題。主題庫有上百種，這個很不錯。
  查看介紹
• 轉：http://www.jianshu.com/p/edbc2a13494b