Sublime Text號(hào)稱(chēng)
最性感的編輯器, 跨平臺(tái), 免費(fèi)使用
PS:本文主要針對(duì)Mac下的Sublime Text配置, 其他的請(qǐng)自行對(duì)快捷鍵修改, 之前寫(xiě)錯(cuò)了, Mac下使用的是Sublime Text2, 在另一臺(tái)電腦用的Sublime Text3, 混肴了
推薦四部曲基本完成, 可以安心干別的了
0. 設(shè)置subl命令行
#如果是在默認(rèn)shell下,
sudo ln -s "/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl" /usr/bin/subl
#使用zsh的可以使用以下命令
alias subl="'/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl'"
alias nano="subl"
export EDITOR="subl"
測(cè)試使用一下命令
$ subl
使用方法
用法:
subl [arguments] [files] 編輯指定的文件edit the given files
or: subl [arguments] [directories] 打開(kāi)指定的目錄
or: subl [arguments] - 編輯stdin
參數(shù)Arguments:
--project <project>: 載入指定的project
--command <command>: 運(yùn)行指定的命令
-n or --new-window: 打開(kāi)一個(gè)新的窗口
-a or --add: 添加文件夾到當(dāng)前窗口
-w or --wait: 返回前等待文件關(guān)閉
-b or --background: 不激活該應(yīng)用程序
-s or --stay: 文件關(guān)閉后保持應(yīng)用程序激活狀態(tài)
-h or --help: 顯示幫助并退出
-v or --version: 顯示版本信息并退出
如果從標(biāo)準(zhǔn)輸入--wait是隱式的。 使用--stay當(dāng)文件關(guān)閉是不切換到后臺(tái)控制臺(tái)(只與是否有等待的文件有關(guān))
文件名可以通過(guò)加:line或者:line:column后綴來(lái)指定打開(kāi)的定位。
用法摘自官方文檔
1. 修改Sublime Text2 默認(rèn)配置
在菜單欄選擇 Sublime Text->Preferences->Setting-User(注意其中Setting-Default是默認(rèn)的系統(tǒng)配置, 是不可修改的), 通過(guò)修改用戶(hù)設(shè)置會(huì)覆蓋系統(tǒng)對(duì)應(yīng)的默認(rèn)配置,下面是我的配置單, 都加油注釋
{
"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme", #主題設(shè)置, 這是下載主題后, 自動(dòng)生成的, 也可以手動(dòng)配置
"font_size": 15, #設(shè)置字體大小, 我比較喜歡大一點(diǎn)的字體
"ignored_packages": #設(shè)置忽略文件類(lèi)型, 第二個(gè)是默認(rèn)忽略的, 第一個(gè)markdown文件我使用另一種文件打開(kāi),
[
"Markdown",
"Vintage"
],
"create_window_at_startup": false, #取消啟動(dòng)時(shí),自動(dòng)打開(kāi)新窗口的設(shè)置, 這個(gè)設(shè)置很惡心, 每次啟動(dòng)后會(huì)自動(dòng)生成一個(gè)空白窗口
"open_files_in_new_window": false, #取消打開(kāi)文件時(shí)會(huì)新生成一個(gè)窗口, 默認(rèn)設(shè)置每次打開(kāi)一個(gè)項(xiàng)目會(huì)重新生成一個(gè)窗口
"highlight_line": true, #高亮當(dāng)前編輯行, 其實(shí)高亮的不明顯
"highlight_modified_tabs": true, #設(shè)置文件修改時(shí), 標(biāo)簽高亮提示, 這樣可以提示保存
"show_encoding": true, #在窗口右下角顯示打開(kāi)文件的編碼
"original_color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme", #主題設(shè)置
"translate_tabs_to_spaces": true #將tab鍵的形式改為四個(gè)空格
}
2. 添加快捷鍵前段網(wǎng)頁(yè)調(diào)試功能
這個(gè)功能是我以前在github的項(xiàng)目里看到的, 已經(jīng)找不到項(xiàng)目源地址了, 感謝原作者
一、點(diǎn)擊菜單Tools -> New Plugin...,在創(chuàng)建好的py文件輸入下列內(nèi)容:
import sublime, sublime_plugin
import webbrowser
url_map = {
'/Users/andrew_liu/HTML/' : 'file:///Users/andrew_liu/HTML/',#這里需要進(jìn)行個(gè)人電腦的配置, 配置個(gè)人項(xiàng)目路徑
}
class OpenBrowserCommand(sublime_plugin.TextCommand):
def run(self, edit) :
window = sublime.active_window()
window.run_command('save')
url = self.view.file_name()
flag = False
for path, domain in url_map.items():
if url.startswith(path):
url = url.replace(path, domain).replace('\\', '\/')
flag = True
break
if not flag:
url = 'file://' + url
webbrowser.open_new(url) #這里使用默認(rèn)的瀏覽器調(diào)試
將文件保存到Packages/User目錄(Packages可通過(guò)菜單里的Browser Packages...打開(kāi)),文件名隨意,如open_browser.py。插件部分完工了。
二、接下來(lái),為剛才的插件分配快捷鍵。點(diǎn)菜單Tools -> Command Palette...,或者shift+cmd+p,打開(kāi)命令集,選擇“key Bindings - User”打開(kāi)個(gè)人快捷鍵配置,輸入下列內(nèi)容:
[{ "keys": ["ctrl+shift+b"], "command": "open_browser" }]
這就是要做的全部工作,可以測(cè)試下了。打開(kāi)一個(gè)html文件,ctrl+shift+b試試,沒(méi)意外的話文件會(huì)在默認(rèn)瀏覽器打開(kāi)了。url_map里配置的站點(diǎn)目錄到URL的映射應(yīng)該也是可用的。
3. 添加包管管理神器
最近Package Control好像被墻了, 我的另一臺(tái)電腦老是上不去, 具體不太清清楚, 天朝喪心病狂大家懂得, 所以如果一直上不去, 請(qǐng)翻墻
安裝過(guò)程: 使用快捷鍵 **control + ** 或者菜單欄選擇View > Show Console`
- Sublime Text3在控制臺(tái)輸入
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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)
- Sublime Text2在控制臺(tái)輸入
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
打開(kāi)包管理神器 請(qǐng)使用快捷鍵shift + cmd + p, 然后輸入package或者一些簡(jiǎn)寫(xiě)
4. Sublime Text 常用快捷鍵
| 快捷鍵組合 | 功能 |
|---|---|
shift + cmd + p |
打開(kāi)命令面板 |
| control + ` | 控制臺(tái) |
cmd + n |
新建標(biāo)簽 |
cmd + 數(shù)字 |
標(biāo)簽切換 |
cmd + option + 2 |
分成兩屏 |
control + 數(shù)字 |
分屏?xí)r移動(dòng)到不同的屏幕 |
cmd + delelte |
刪除光標(biāo)前所有字符, 貌似是Mac快捷鍵 |
cmd + f |
查找 |
option + cmd + f |
查找替換 |
cmd + t |
文件跳轉(zhuǎn) |
control + g |
行跳轉(zhuǎn), 類(lèi)似vim中的num + gg |
cmd + r |
函數(shù)跳轉(zhuǎn) |
cmd + / |
給選中行添加或去掉注釋 |
cmd + [或 cmd + ] |
智能行縮進(jìn) |
cmd + k + b |
開(kāi)關(guān)側(cè)邊欄 |
更多快捷鍵可查看官方文檔
5. 推薦插件
插件是非常重要的一部分, 一個(gè)普通的編輯器難以滿(mǎn)足大部分人需要, 更難以滿(mǎn)足程序員多樣化的編程語(yǔ)言, 所以需要使用插件打造
個(gè)性化的類(lèi)IDE, 相比與IDE有啟動(dòng)快, 干凈, 干擾少的優(yōu)點(diǎn)
5.1 主題類(lèi):
- 包含大量配色主題的插件包
首先介紹一個(gè)包含大量配色包的網(wǎng)站, Colorsublime, 里面各種各樣的配色讓人眼花繚亂
Colorsublime Plugin
安裝方法:
shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入 Colorsublime plugin, 找到后回車(chē)安裝
安裝成功后在preferences中選擇配色
Colorsublime Plugin github項(xiàng)目地址

- iTg主題, 我的最?lèi)?ài)
安裝方法
shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入Theme - itg.flat, 找到后回車(chē)安裝
安裝成功后在preferences中選擇主題


- 著名的Soda主題
安裝方法
shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入soda, 找到Theme-Soda,找到后回車(chē)安裝
安裝成功后在preferences中選擇Setting-User更改主題設(shè)置:
{
"theme": "Soda Light 3.sublime-theme"
}


5.2. 其他插件
安裝方法都通過(guò)Package Control
shift + cmd + p 打開(kāi)命令面板
輸入 “Package Control: Install Package” 命令
輸入安裝插件的簡(jiǎn)寫(xiě)或全拼,找到后回車(chē)安裝
alignment
這個(gè)忘了干嘛的了, 好像是控制所有類(lèi)型文本的縮進(jìn)all Autocomplete
sublime只對(duì)當(dāng)前文件進(jìn)行本文件中的查找不全,all Autocomplete是對(duì)全部打開(kāi)的文件進(jìn)行查找不全, 選擇更多更全面converttoUTF8
編輯的所有文件都使用UTF-8編碼docblockr
強(qiáng)大的文檔注釋功能, 只要在文檔中輸入/*然后按一下tab, 就會(huì)根據(jù)代碼自動(dòng)生成注釋,emmet
前段神器, 減少大量的工作量, 使用方法可以參考Emmet:HTML/CSS代碼快速編寫(xiě)神器或者官方文檔git
支持sublime上的git操作, 這個(gè)就不用多說(shuō)了markdownediting或者markdownPerview
這個(gè)是寫(xiě)Markdown必備的。可以在包管理器中安裝。裝完之后,寫(xiě)作Markdown時(shí)(右下角顯示語(yǔ)法為Markdown),可以按ctrl+b,直接就會(huì)生成HTML,并在瀏覽器中顯示。jsformat
JavaScript代碼格式化sidebarenhancement
這是用來(lái)增強(qiáng)左邊的側(cè)邊欄。左側(cè)邊欄可以在View -> Side Bar -> Show Side Bar中打開(kāi),可以用Project -> Add Folder to Project...往側(cè)邊欄加入常用的文件夾。裝完這個(gè)插件,側(cè)邊欄的右鍵菜單會(huì)多一些功能,挺實(shí)用的。Bracket Highlighter
這是用來(lái)做括號(hào)匹配高亮的,可以在包管理器中安裝。Sublime Text 2自帶的括號(hào)匹配只有小小的一橫線,太不顯眼了,這個(gè)可以讓高亮顯示在行號(hào)那里, 非常清晰SublimeLinter
語(yǔ)法檢測(cè)工具, 可以檢測(cè)到所寫(xiě)代碼的語(yǔ)法錯(cuò)誤,并高亮顯示錯(cuò)誤
用戶(hù)手冊(cè)
其中需要額外安裝一下包, 如SublimeLinter-pyflakes and SublimeLinter-pep8.SublimeLinter-jshint, SublimeLinter-pyyaml, SublimeLinter-csslint, SublimeLinter-html-tidy, and SublimeLinter-json
- Djaneiro
支持Django模版和關(guān)鍵詞高亮, 提供有用的代碼片段