我的 Sublime Text 3 筆記

今天打開sublime的官網(wǎng)，發(fā)現(xiàn)官網(wǎng)上已經(jīng)推薦默認(rèn)推薦大家使用sublime text 3了，作為追趕時代的人，我怎么能夠落后呢？我決定開始使用sublime3，同時我也希望你也能夠使用。

本文記錄我是用sublime 3的筆記，涉及到方方面面，主要是方便自己，也希望能夠幫到你。

注：我之前寫過一篇sublime text 2的筆記，取走不謝。

安裝

在官網(wǎng)下載最新版的安裝文件，選擇對應(yīng)的平臺，我用的是windows，sublime3和2是能夠共存的，我就在自己電腦同時裝了3和2，并準(zhǔn)備逐步遷移到3上面。

沒錯本文就是在sublime3 上寫的。

初始化

sublime3是高度定制化的，安裝完成后，我做的第一件事情就是按照自己的習(xí)慣定制。

打開Preferences->Setting-Default，在那里面有很多默認(rèn)配置選項，我們可以在這里改變默認(rèn)值，但我的建議是在Setting-User里面去進(jìn)行修改。

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

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

保存文件時自動在末尾添加空行（我們的項目有這樣的要求）

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

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

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

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

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

我還把-和$兩個符號從分隔符中刪掉，這樣在選擇php變量和css選擇符的時候就更爽了

"word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?"

如果你感興趣也可以修改其他配置選項試試，快去定制屬于自己的編輯器吧。

快捷鍵

如果你還不習(xí)慣快捷鍵，那你真的該學(xué)習(xí)了，我越來越依賴快捷鍵了。

sublime的快捷鍵非常非常多，很難都記住，按照80/20原則，只有20%是常用的，下面是我常用的快捷鍵：

語法說明：

• ctrl+x ctrl和x鍵同時按
• x & y x操作后，進(jìn)行y操作
• x | y x操作或y操作
• (x) 分組x是一個整體
• [x] x是可選操作
• x, y x操作, y操作（兩個類似操作寫到一行）

插件

sublime是離不開插件的，來曬曬我的插件吧。

Package Control

sublime的插件工具也是一個插件，這似乎是個悖論，需要安裝的插件叫做Package Control。

首先打開控制臺，點擊sublime的菜單欄 view->show console(或者使用快捷鍵 ctrl+`)，然后運(yùn)行下的代碼，等待幾秒鐘。

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

或者下面的也可以

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'https://packagecontrol.io/' + pf.replace(' ','%20')).read())

現(xiàn)在在Preferences中就能看到 Package Control了，如下圖所示。

JavaScript-Completions

原生js提示插件，這個插件能夠提供很多js語法。

Vintage

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

[Babel]

最近在寫React，jsx用這個來做高亮顯示

Smarty

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

Liquid

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

SyncedSidebarBg

有很多強(qiáng)迫癥同學(xué)發(fā)現(xiàn)自己的目錄欄和編輯部分的背景顏色不一致，這個插件可以幫你解決這個讓你不爽的問題

LESS

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

SCSS

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

Pretty JSON

提供對json文件的美化和格式化功能。

jQuery

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

Emmet

Emmet的前身是大名鼎鼎的Zen coding，如果你從事Web前端開發(fā)的話，對該插件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼，大大提高了HTML/CSS代碼編寫的速度。對于html可以使用tab鍵，對于其他比如jsx可以使用ctrl+e

• 這里是一篇演示文章
• Emmet官網(wǎng)

DocBlockr

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

HTML/CSS/JS Prettify

能夠格式化css html 和js。

注意：格式化的文件路徑中不能有中文，不然會報找不到node的錯誤（windows下）。

BracketHighlighter

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

Terminal

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

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

Terminal會占用默認(rèn)的ctrl + shift + t這個快捷鍵，這個可以打開剛剛關(guān)閉的頁面，所以我將這個快捷鍵修改為 ctrl + alt + t。

Git

安裝這個插件就可以在底部狀態(tài)欄顯示當(dāng)前文件的git狀態(tài)

TortoiseSVN

安裝這個插件可以在郵件顯示svn提交命令，這樣我就不用打開文件夾了

AutoFileName

以前用dreamweave的時候在引用文件的時候，可以自動補(bǔ)全文件名的功能，這個插件讓sublime有了這個功能。

AllAutocomplete

自動完成插件，可在全部打開的文件中，自動完成。

Alignment

對齊插件，強(qiáng)迫癥患者必備，可以按等號對齊兩邊的變量。

SideBarEnhancements

增強(qiáng)sublime的右鍵功能。

MultiEditUtils

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

Markdown Preview

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

HTMLEntity Snippets

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

ConvertToUTF8

這個插件可以讓sublime3打開gbk編碼的文件，但是不能保存，我還沒找到更好的插件

Package Syncing

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

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

總結(jié)

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

參考資料

• Gif多圖：我常用的 16 個 Sublime Text 快捷鍵
• 12個不可不知的Sublime Text應(yīng)用技巧和訣竅
• 如何優(yōu)雅地使用Sublime Text3