一、介紹
Sublime Text 是一款較新的編輯器,它輕量、簡潔、高效,良好的擴展性以及跨平台等特性,使得越來越多的開發人員喜愛。它是一款收費的商業軟件,但可以免費無限制無限期的試用,只會偶爾提醒是否購買。用戶購買一個授權可同時在不同平台上使用。
二、安裝
訪問http://www.sublimetext.com/2下載2.x版本。中文漢化包下載,解壓並放置於..\Sublime Text 2\Packages文件夾。
或從http://www.sublimetext.com/3下載3.x版本。
注冊碼(僅供個人非商業應用):
----- BEGIN LICENSE ------
Alexander
Single User License
EA7E-814345
51F47F09 4EAB1285 7827EFF0 8B1207DC
A76A6EA3 E1A1CA7A DC1F2703 14,897,784
8EDC1C82 3F2A58B9 1C0C8B24 67686432
281245B3 6233DE5C ADC5C2F9 61FB8A04
171B63EF 86BA423F 6AC884FD 3273A7AA
5F50A6DB CE7859AE D62D2B37 AEEDD8C2
078A8A20 70EEA791 84F48C1E 8ABA7DEB
0B3907C0 C9A3523B 0091A045 6F67AED8
------ END LICENSE ------
----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------
Ubuntu16.x中安裝:
sudo add-apt-repository ppa:webupd8team/sublime-text-3 sudo apt-get update sudo apt-get install sublime-text-installer
三、配置
點擊preferences-setting user,個人設置如下:
{ //字體大小 "font_size": 13.0, //字體類型 "font_face": "Consolas", // 設置每一行到頂部,以像素為單位的間距,效果相當於行距 "line_padding_top": 2, // 設置每一行到底部,以像素為單位的間距,效果相當於行距 "line_padding_bottom": 2, // html和xml下突出顯示光標所在標簽的兩端,影響HTML、XML、CSS等 "match_tags": true, // 是否顯示代碼折疊按鈕 "fold_buttons": true, // 代碼提示 "auto_complete": true, // 默認編碼格式 "default_encoding": "UTF-8", // 左邊邊欄文件夾動畫 "tree_animation_enabled": true, //刪除你想要忽略的插件 "ignored_packages": [ "Vintage", "YUI Compressor" ] }
四、快捷鍵
1、F11和Shift+F11進入全屏免打擾模式
2、Ctrl+L:選擇整行,按住繼續選擇下一行
3、Ctrl+KK:從光標處刪除至整行的尾部
4、Ctrl+Shift+D:復制光標所在的整行,插入在該行之前
5、Ctrl+J:合並行(已選擇需要合並的多行時),可以理解為不換行模式,直到遇到編輯器邊框后自動換行
6、Ctrl+D:選詞,(按住-繼續選擇下個相同的字符串)
7、Ctrl+/:注釋整行,可來回切換,Submlie Text可自動判斷文件類型。選擇整段,也可注釋整段。
8、Ctrl+Shift+/:注釋。選擇整段,也可注釋整段,單行時候,不注釋該行,而是添加該行的注釋信息,如</ul><!-- -->
9、Alt+. :閉合當前標簽
10、Ctrl+Shift+[:折疊代碼
11、Ctrl+Shift+]:展開代碼
12、Shift+table:向左縮進、Tab向右縮進
五、插件
5.1 插件的安裝方法有兩個:直接安裝和插件管理安裝。
5.1.1 直接安裝,將下載的安裝包解壓縮到Packages目錄(菜單->preferences->packages);
5.1.2 Package Control組件安裝。用Package Control安裝插件的方法:
按下Ctrl+Shift+P調出命令面板,輸入install, 調出 Install Package 選項並回車,然后在列表中選中要安裝的插件。
有的網絡環境可能會不允許訪問陌生的網絡環境從而設置防火牆,而Sublime Text 貌似無法設置代理,可能就獲取不到安裝包列表了。
5.2 常用插件
1、Package Control(安裝包控制)
打開Sublime Text ,按快捷鍵 ctrl+` 或者點擊 Tools → Command Palette 調出控制台Console;將以下代碼復制粘貼進命令行后回車:
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp)ifnot os.path.exists(ipp)elseNone; open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
重新啟動Sublime Text 2,如果在Preferences → Package Settings 中看到 Package Control 這一項,說明安裝成功。
2、Alignment(代碼補齊) 下載:https://github.com/wbond/sublime_alignment
3、ColorPicker(調色盤) 下載:https://github.com/weslly/ColorPicker
在編輯CSS樣式的時候,ColorPicker可以讓sublime text 內置一個調色盤,調好顏色,點擊OK就會在光標處生成十六進制顏色代碼。
4、Zen Coding(現已改名為Emmet) 下載:https://github.com/sergeche/emmet-sublime
使用仿CSS選擇器的語法來快速開發HTML和CSS,Zen Coding由兩個核心組件組成:一個縮寫擴展器(縮寫為像CSS一樣的選擇器)和上下文無關的HTML標簽對匹配器。
使用ZenCoding編寫代碼時,需要遵循一定的縮寫規則:
E元素名(div、p);
E#id帶Id的元素(div#content、p#intro、span#error);
E.class帶class的的元素(div.header、p.error),id和class可以連着寫,div#content.column
E>N子元素(div>p、div#footer>p>span)
E*N多項元素(ul#nav>li*5>a)
E+N多項元素
E$*N帶序號的元素
5、SublimeTmpl(自定義新建文件) 下載:https://github.com/kairyou/SublimeTmpl
默認已經添加了html、css、js等常見類型的面板,按ctrl+alt+h/ctrl+alt+c/ctrl+alt+j可新建這 3鍾類型的文件,快捷鍵在這里\Packages\SublimeTmpl\Default (Windows).sublime-keymap, 模板文件在這里\Packages\SublimeTmpl\templates,可修改。
其他插件:
Clipboard-history(粘貼板歷史記錄) 下載:https://github.com/kemayo/sublime-text-2-clipboard-history
CSScomb(CSS屬性排序) 下載:https://github.com/csscomb/CSScomb-for-Sublime
Gits(集成 GitHub) 下載:https://github.com/kemayo/sublime-text-git
Hex-to-HSL-Color Hex(顏色模式轉HSL顏色模式) 下載:https://github.com/atadams/Hex-to-HSL-Color
HtmlTidy(清理與排版你的HTML代碼) 下載:https://github.com/welovewordpress/SublimeHtmlTidy
JsFormat(javascript格式化) 下載:https://github.com/jdc0589/JsFormat
PHPTidy(整理與排版PHP代碼) 下載:https://github.com/welovewordpress/SublimePhpTidy
SideBarEnhancements(側邊欄增強) 下載:https://github.com/titoBouzout/SideBarEnhancements
SublimeLinter(代碼錯誤提示) 下載:https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3
SFTP(編輯 FTP 或 SFTP 服務器上的文件) 下載:http://wbond.net/sublime_packages/sftp
Tradsim(中文繁字體和簡體字轉換) 下載:https://github.com/erinata/SublimeTradsim
TrailingSpacer(高亮顯示多余的空格和Tab) 下載:https://github.com/SublimeText/TrailingSpaces
YUI Compressor(壓縮JS和CSS文件) 下載:https://github.com/kairyou/SublimeYUICompressor