Mac下Sublime Text 3安裝配置

1.下載Sublime Text 3

2.安裝Package Control，參考

　　快捷鍵 control + ` 或者菜單欄選擇View > Show Console

　　在控制台輸入：　　　　

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)

 3.設置subl命令行

　　終端下輸入：ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/subl

　　前提是:~/bin/在PATH中

4.主題配置

　　著名的Sola:GitHub地址

　　包含大量配色的Colorsublime:官網，GitHub地址

5.插件

　　安裝方式：

　　1.在安裝好Package Control后使用：command+shift+p，然后輸入：Install Package，再輸入要安裝的插件即可

　　2.Preference->Browse Packages..->將自己下載的插件拷貝到Package中

　　3.常用插件：

　　　　以下轉自博客：http://www.zuojj.com/archives/566.html，轉自Benjamin-專注前端開發和用戶體驗　　　　

　　　　No.01 – Emmet 
　　　　Emmet 是一個前端開發的利器，其前身是 Zen Coding。它讓編寫 HTML 代碼變得簡單。Emmet 的基本用法是：輸入簡寫形式，然后按 Tab 鍵。
　　　　關於 Emmet 的更多用法，請看官方文檔，這份速查表可以幫你快速記憶簡寫形式。

　　　　No.02 – SublimeLinter 
　　　　SublimeLinter 是一個代碼校驗插件，它可以幫你找出錯誤或編寫不規范的代碼，支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 語言。

　　　　No.03 – SideBarEnhancements 
SideBarEnhancements 是一款很實用的右鍵菜單增強插件，有以 diff 形式顯示未保存的修改、在文件管理器中顯示該文件、復制文件路徑、在側邊欄中定位該文件等功能，也有基礎的諸如新建文件/目錄，編輯，打開/運行，顯示，在選擇中/上級目錄/項目中查找，剪切，復制，粘貼，重命名，刪除，刷新等常見功能。

　　　　SideBarEnhancements 還有一個功能就是自定義打開文件的程序，在側邊欄中右鍵點擊一個文件（夾），選擇 Open With -> Edit Applications 就可以修改關聯了，配置文件自帶示例，可以很方便地套用。

　　　　Copy as Text… 是 SideBarEnhancements 的又一個特色功能，可以復制包含各種形式的路徑、URL（甚至包括 base64 的 data:uri）、轉碼后的文件名、各種 HTML Tag（a、img、script、style）等。

　　　　No.04 – Sublime​Code​Intel 
　　　　Sublime​Code​Intel 是一個代碼提示、補全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等語言，是 Sublime Text 自帶代碼提示功能的很好擴展。它還有一個功能就是跳轉到變量、函數定義的地方，十分方便。

　　　　使用 Sublime​Code​Intel 之前你需要安裝相應程序並把路徑寫入 ~/.codeintel/config 或 project_root/.codeintel/config 中，ReadMe 中有詳細的 說明，不再贅述。

十分不建議把 Sublime​Code​Intel 與其他單個語言的擴展 package 一同使用，雖然很多語言擴展 package 比 Sublime​Code​Intel 的代碼提示功能要完善。如果需要一同使用，請在用戶配置文件（菜單 Preferences -> Package Settings -> Sublime​Code​Intel -> Settings – User 中加入下面的內容，並去掉要禁用的語言。

"codeintel_enabled_languages":
[
"JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML",
"Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS",
"Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
],
"codeintel_live_enabled_languages":
[
"JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML",
"Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS",
"Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
]

 

　　　　No.05 – Alignment 

　　　　Alignment 是一個代碼格式化插件，它可以使多行代碼中的等號對齊，也可以調整多行代碼為一個縮進級別，默認快捷鍵是 ctrl+alt+a（Mac OS 上是 　　　　                     cmd+ctrl+a）。

　　　　No.06 – Bracket​Highlighter 
　　　　Bracket​Highlighter 是一個括號、引號、標簽高亮插件，支持 []、()、{}、””、” 和 等，比 Sublime Text 自帶的高亮要明顯得多。

　　　　No.07 – Git

　　　　Git 插件集成了 git 的常用功能，使用之前需要安裝 git 並寫入環境變量中。

　　　　No.08 – JSFormat

　　　　JS格式化插件

　　　　No.09 – SassBeautify

　　　　Sass 文件美化插件

　　　　No.10 – DocBlockr

　　　　自動給函數添加塊級注釋。

　　　　No.11 – Pretty JSON

　　　　JSON美化擴展擴展插件

　　　　No.12 – Sublime​Tmpl
　　　　html/js/css/php模板插件

　　　　No.13 – Sublime Function Name Display 

　　　　This plugin displays the current file, class and function name on the status bar in Sublime Text 2 and 3.

　　　　參考地址：https://sublime.wbond.net/search

　　　　以上轉自博客：http://www.zuojj.com/archives/566.html，轉自Benjamin-專注前端開發和用戶體驗