我的 Sublime Text 2 筆記

2018-06-16 16:18 更新

作為aptana死忠粉的我,最近由于工作需要最近開始使用sublime,初次使用,就被其秒開的啟動(dòng)速度,簡(jiǎn)潔的界面設(shè)計(jì),無干擾的信息提示所這幅。

俗話說,工欲善其事必先利其器,作為碼農(nóng),在開始編碼之前,必須要對(duì)自己的工具熟悉,才能事半功倍,所以開始了一番折騰,下面記錄下一些筆記。

初始化

安裝完編輯器后就可以使用了,但我一般會(huì)進(jìn)行一些配置,希望你也按照自己的喜歡進(jìn)行配置。

下面的配置都是打開Preferences->Setting-Default,在那里面有很多默認(rèn)配置選項(xiàng),我們可以在這里改變默認(rèn)值。

修改顯示字體大小,我一般習(xí)慣使用14號(hào)字

"font_size": 14, // 默認(rèn)10

保存文件時(shí)自動(dòng)在末尾添加空行(我們的項(xiàng)目有這樣的要求)

"ensure_newline_at_eof_on_save": true, // 默認(rèn)是false

默認(rèn)使用Unix換行符,如果大家使用統(tǒng)一的換行符,會(huì)讓事情變得簡(jiǎn)單

"default_line_ending": "unix", // 默認(rèn)是system

使用空格填充tab鍵,沒有好壞之分,統(tǒng)一就好

"translate_tabs_to_spaces": true,// 默認(rèn)是false

上面的配置項(xiàng),如果你是一個(gè)完美主義者,可以在用戶配置文件中配置,不修改默認(rèn)配置文件。

快捷鍵

作為碼農(nóng),很多時(shí)間都是在敲鍵盤的,所以快捷鍵是非常重要的,sublime的快捷鍵非常非常多,很難都記住,按照80/20原則,只有20%是常用的,下面是我常用的快捷鍵:

語法說明:

  • ctrl+x ctrl和x鍵同時(shí)按
  • x & y x操作后,進(jìn)行y操作
  • x | y x操作或y操作
  • (x) 分組x是一個(gè)整體
  • [x] x是可選操作
  • x, y x操作, y操作(兩個(gè)類似操作寫到一行)
快捷鍵功能
ctrl+shift+p打開命令面板
ctrl+p搜索項(xiàng)目中的文件
ctrl+r前往Method
ctrl+g跳轉(zhuǎn)到第幾行
ctrl+k & ctrl+b切換側(cè)邊欄顯示狀態(tài)
ctrl+shift+(backspace|del)(左側(cè)|右側(cè))全部刪除
ctrl+y重做或重復(fù)
shift+方向鍵移動(dòng)并選擇
ctrl+([|])縮進(jìn)|取消縮進(jìn)
ctrl+shift+([|])(折疊|展開)代碼
ctrl+l選擇行,重復(fù)可依次增加選擇下一行
ctrl+m跳轉(zhuǎn)到對(duì)應(yīng)括號(hào)
ctrl+shift+m選中括號(hào)間的內(nèi)容
alt+.close tag
ctrl+/當(dāng)前行注釋狀態(tài)切換
ctrl+h替換
ctrl+[shift]+f[全局]查找
ctrl+[shift]+tab, ctrl+pageup, alt+num切換tab面板
ctrl+shift+y將光標(biāo)處的表達(dá)式計(jì)算,對(duì)于數(shù)學(xué)不好的很有用
ctrl+[shift]+v[縮進(jìn)]粘貼
ctrl+d選擇一個(gè)選中項(xiàng)的下一個(gè)匹配項(xiàng)
alt+f3選擇文件中的所有匹配項(xiàng)項(xiàng)
ctrl+shift+’選擇所有選中項(xiàng)的標(biāo)簽
ctrl+shift+a選擇當(dāng)前選中項(xiàng)的父容器,可連續(xù)使用
ctrl+shift+(↑|↓)(上|下)移動(dòng)一行
ctrl+shift+d復(fù)制行或選中項(xiàng)
alt+shift+w用標(biāo)簽包裹行或選中項(xiàng)
ctrl+(↑|↓), alt+(↑|↓), alt+shift+(↑|↓)(加|減)1, (加|減)10, (加|減)0.1
ctrl+shift+;移除未閉合的容器元素
ctrl+j合并選中的行(多行邊一行)
ctrl+kk從光標(biāo)處刪除至行尾
ctrl+shift+k刪除整行

插件

sublime的功能已經(jīng)很滿足大部分需求了,但還是有個(gè)別差異化的需求,無法滿足,這時(shí)候sublime的插件派上用場(chǎng),先來曬下我的插件。

Package Control

由于sublime 2本身不帶插件,所以要先安裝插件管理器(Package Control),可以通過在線和離線安裝。

在線安裝

首先打開控制臺(tái),點(diǎn)擊sublime的菜單欄 view->show console(或者使用快捷鍵 ctrl+`)。

現(xiàn)在打開了控制臺(tái), 這個(gè)控制臺(tái)有上下兩欄, 上面一欄會(huì)實(shí)時(shí)顯示sublime執(zhí)行了什么插件,輸出執(zhí)行結(jié)果, 如果你安裝的某個(gè)插件不能正常運(yùn)行,應(yīng)該先在這里看看有沒有報(bào)錯(cuò)。下面欄是一個(gè)輸入框,可以運(yùn)行python代碼。

我們輸入下面的代碼點(diǎn)擊回車運(yùn)行, 就能安裝好package control了。

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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')

運(yùn)行結(jié)束以后,記得重啟編輯器,就能在Preferences中看到 Package Control了。

離線安裝

如果在線安裝失敗,你可以試試離線安裝,前提是需要一個(gè)Package Control的安裝包,將該安裝包替換到Sublime Text2的相關(guān)路徑下即可,這里有兩個(gè)路徑,經(jīng)驗(yàn)證放置到其中任意一處均可。

  • 路徑一:打開Sublime Text 2,點(diǎn)擊PreFerences –> Browse Packages,進(jìn)入一個(gè)文件夾后返回該文件夾的上一級(jí)“Sublime Text2”,找到一個(gè)“Installed Packages”文件夾(如果沒有該文件夾則創(chuàng)建個(gè)新的),將下載好的Package Control的安裝包放到“Installed Packages”文件夾下即可。
  • 路徑二:Sublime Text 2 的安裝路徑,“Sublime Text 2\Pristine Packages\”文件夾下。

其中路徑一是官方推薦的防止路徑,詳細(xì)信息,請(qǐng)看這里。

安裝完成后,按住 ctrl+shift+p。此時(shí)會(huì)輸出一個(gè)輸入框,即可安裝,刪除,更新插件了。

Vintage

如果你習(xí)慣使用vim,那么可以安裝這個(gè)插件,這個(gè)插件可以讓sublime像vim一樣。

Smarty

提供smarty語法的支持。Smarty插件默認(rèn)的分隔符是{},如果你使用的分隔符不同可以更改插件目錄的Smarty.tmPreferences文件,找到其中的SMARTY_LDELIM和SMARTY_RDELIM,修改為你的分隔符即可。

Liquid

提供Liquid語法支持,如果你也寫博客的話不妨試試。

CSS3_Syntax

對(duì)css語法高亮的支持,view-syntax-css3選中css3就能使用css3高亮了。必須每條屬性都加上分號(hào),并且屬性必須小寫,不然不會(huì)高亮,有點(diǎn)雞肋啊。

Autoprefixer

可以給css自動(dòng)加前綴功能

LESS

這是一個(gè)非常棒的插件,可以讓sublime支持less的語法高亮和語法提示,對(duì)于搞less的同學(xué)灰常重要,不過多解釋。

SCSS

提供sass語法高亮支持,不建議安裝SASS,SCSS更適合.scss語法支持。

JavaScriptNext - ES6 Syntax

提供ES6的語法支持。

Pretty JSON

提供對(duì)json文件的美化和格式化功能。

jQuery

支持jquery的只能語法提示,很贊。

Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你從事Web前端開發(fā)的話,對(duì)該插件一定不會(huì)陌生。它使用仿CSS選擇器的語法來生成代碼,大大提高了HTML/CSS代碼編寫的速度。

SublimeLinter

可以驗(yàn)證各種語法錯(cuò)誤,不多解釋。目前這個(gè)插件已經(jīng)不支持sublime2了,我還沒找到代替的插件。

DocBlockr

DocBlockr 可以使你很方便地對(duì)代碼建立文檔。它會(huì)解析函數(shù),變量,和參數(shù),根據(jù)它們自動(dòng)生成文檔范式,你的工作就是去填充對(duì)應(yīng)的說明。

HTML/CSS/JS Prettify

能夠格式化css html 和js。

注意:格式化的文件路徑中不能有中文,不然會(huì)報(bào)找不到node的錯(cuò)誤(windows下)。

BracketHighlighter

像這些符號(hào)是成對(duì)的:花括號(hào){}, 中括號(hào)[],括號(hào):() ,引號(hào)“” 等。 這些符號(hào)當(dāng)我們鼠標(biāo)放在開始符號(hào)的位置的時(shí)候, 希望能明顯看到結(jié)尾符號(hào)在哪兒sublime默認(rèn)是下劃線,很不明顯, 想要明顯一點(diǎn),可以安裝插件 BracketHighlighter。

GBK Encoding Support

這個(gè)插件還是非常有用的,因?yàn)閟ublime 本身 不支持gbk編碼,在utf8如此流行的今天,我們整站還是gbk編碼,o(︶︿︶)o 唉,所以全靠這個(gè)插件了。

Terminal

可以sublime中,打開命令行,非常方便哦。還可在自定義打開的命令行,比如我就把默認(rèn)命令行改為了git-bash。只需在設(shè)置中進(jìn)行如下配置即可(注意路徑)。

"terminal": "D:\\Program Files\\Git\\git-bash.exe"

SyncedSideBar

支持當(dāng)前文件在左側(cè)面板中定位,不錯(cuò)。

Clipboard History

可以保存粘貼的歷史,很贊的功能,再也不用擔(dān)心歷史丟失了。ctrl+alt+v可打開歷史面板,上下選擇即可,安裝后會(huì)和默認(rèn)的ctrl+shift+v(粘貼縮進(jìn))沖突,干掉這個(gè)快捷鍵。

Autoprefixer

自動(dòng)添加css前綴,這個(gè)也是挺有用的。

AutoFileName

以前用dreamweave的時(shí)候在引用文件的時(shí)候,可以自動(dòng)補(bǔ)全文件名的功能,這個(gè)插件讓sublime有了這個(gè)功能。

AllAutocomplete

自動(dòng)完成插件,可在全部打開的文件中,自動(dòng)完成。

Aligment

對(duì)齊插件,強(qiáng)迫癥患者必備,可以按等號(hào)對(duì)齊兩邊的變量。

HexViewer

提供十六進(jìn)制文件查看功能。

MultiEditUtils

擴(kuò)展多行編輯的功能。

Markdown Preview

如果你也喜歡md語法,那么安裝這個(gè)插件吧,可以很方便的預(yù)覽。

HTMLEntity Snippets

當(dāng)你想輸入html實(shí)體標(biāo)簽時(shí),然后又記不住時(shí),使用這個(gè)插件吧。

IMESupport

當(dāng)你發(fā)現(xiàn)你的輸入法在輸入中文的時(shí)候輸入框不在光標(biāo)的位置那可能是這個(gè)問題,這其實(shí)是sublime的一個(gè)bug,試試這個(gè)吧,這里有一篇文章介紹《sublime text 插件:IMESupport》。

Package Syncing

最后推薦一個(gè)同步插件,這個(gè)插件可以在不同的機(jī)器同步配置信息和插件,非常方便,但鑒于國(guó)內(nèi)的墻太高,我都是直接把插件給手動(dòng)備份了,然后直接拖進(jìn)去,或者直接去github上下載對(duì)應(yīng)的包。

這里是我的Package Syncing 導(dǎo)出來的文件。

總結(jié)

sublime非常棒的,正是我喜歡的風(fēng)格。

參考資料

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)