Mac下Sublime Text 3安裝配置

時間 2019-11-30

原文原文鏈接

2.安裝Package Control，參考css

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

　　在控制檯輸入：　　　　前端

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命令行git

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

　　前提是:~/bin/在PATH中
sql

4.主題配置app

　　著名的Sola:GitHub地址ide

　　包含大量配色的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 – SublimeCodeIntel
　　　　SublimeCodeIntel 是一個代碼提示、補全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python三、XML、Sass、XSLT、Django、HTML五、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等語言，是 Sublime Text 自帶代碼提示功能的很好擴展。它還有一個功能就是跳轉到變量、函數定義的地方，十分方便。

　　　　使用 SublimeCodeIntel 以前你須要安裝相應程序並把路徑寫入 ~/.codeintel/config 或 project_root/.codeintel/config 中，ReadMe 中有詳細的說明，再也不贅述。

十分不建議把 SublimeCodeIntel 與其餘單個語言的擴展 package 一同使用，雖然不少語言擴展 package 比 SublimeCodeIntel 的代碼提示功能要完善。若是須要一同使用，請在用戶配置文件（菜單 Preferences -> Package Settings -> SublimeCodeIntel -> 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 – BracketHighlighter
　　　　BracketHighlighter 是一個括號、引號、標籤高亮插件，支持 []、()、{}、」」、」和等，比 Sublime Text 自帶的高亮要明顯得多。

　　　　No.07 – Git

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

　　　　No.08 – JSFormat

　　　　JS格式化插件

　　　　No.09 – SassBeautify

　　　　Sass 文件美化插件

　　　　No.10 – DocBlockr

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

　　　　No.11 – Pretty JSON