前端開發(fā)不可不知的10個Sublime應(yīng)用技巧


sublime是我們前端開發(fā)非常常用的編輯工具趟紊,今天來給大家分享10個應(yīng)用技巧和訣竅嘉冒。


1) 選擇

以下是一些Sublime Text選擇文本的快捷鍵:

  • Command + D 選中一個單詞

  • Command + L 選中一行

  • Command + A 全選
    Ctrl + Command + M` 選中括號內(nèi)所有內(nèi)容 (編寫CSS或JS時非常實用)


Sublime Text還支持一次選中多行的操作:Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this feature:

  • Command 按住Command鍵再點擊想選中的行

  • Command + Ctrl + G (選中部分文本時) 按此鍵選中所有相同文本

  • Command + D (選中部分文本時) 直接選中下一次出現(xiàn)的該文本


2) CSS排序

CSS屬性的順序一般不重要聊替,因為無論何種順序瀏覽器都能正確渲染小泉。但排序所有的屬性還是有助于代碼的整潔曼库。在Sublime Text中禀酱,選中CSS屬性后按F5就可以按字母順序排序。

也可以使用 CSSComb 等第三方插件涛救,更詳細的控制排序的方法畏邢。


3) 命令面板(Command Palette)

使用命令面板可以快速完成多重任務(wù)。按Command + Shift + P調(diào)出面板检吆,鍵入需要的命令即可舒萎。看以下的幾個示例:

▼ 重命名文件

▼ 設(shè)置文件為HTML語法

▼ 插入代碼片段


4) 切換標簽頁與工程

在同時打開多個標簽頁時蹭沛,可以用以下的熱鍵切換:

  • Command + T 列出所有的標簽頁

  • Command + Shift + ] 下一標簽頁

  • Command + Shift + [ 上一標簽頁

  • Command + Ctrl + P 切換側(cè)邊欄顯示的工程


5) 拼寫檢查

如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作臂寝,那么啟用拼寫檢查就非常有用處了。選擇Preferences > Settings – User菜單摊灭,添加以下代碼:

? ? ? ?? ??

"spell_check": true,


6) 跨文件編輯

同一個編輯操作可以在多個文件中同時重復(fù)咆贬。舉個例子,多個文件中有同一段代碼時帚呼,可用以下的步驟快速編輯:

  1. Command + Shift + FFind框中輸入待查找的代碼掏缎。可按Command + E快速使用選擇中的代碼段煤杀。

  2. Where框中指定需要查找的文件范圍眷蜈,或填寫<open files>表示查找目前打開的文件。

  3. Replace框中輸入要替換成的代碼怜珍,按Replace按鈕批量替換端蛆。



7) 文件爬蟲

Command + R可以列出文檔中所有的CSS選擇器∷址海可以選擇并立刻跳轉(zhuǎn)查看。這個操作比使用一般的“查找”功能快得多嫌拣。


8) 更換主題

Sublime Text的外觀主題可以更換柔袁。Soda Theme就是一個不錯的主題,可以在包管理器中安裝异逐。

如果要安裝的主題并不在在線軟件倉庫中捶索,也可以手動安裝:

  1. 下載并解壓縮主題包

  2. 點擊菜單 Preferences > Browse Packages…

  3. 把主題文件夾復(fù)制到Packages文件夾中.

  4. 點擊菜單 Preferences > Settings – Users 并加入以下代碼:"theme": "Soda Light.sublime-theme"


9) 更換Sublime Text程序圖標

不僅主題可以更換,圖標也可以灰瞻。在Dribbble上有大量重新設(shè)計的Sublime Text精美圖標腥例。更換方法:

下載一個圖標辅甥,有.icns格式的最好。如果沒有燎竖,用iConvert轉(zhuǎn)換之璃弄。

終端執(zhí)行:

open /Applications/Sublime\ Text.app/Contents/Resources/

替換Sublime Text 3.icnsSublime Text 2.icns文件。


8) 增強側(cè)邊欄

SideBarEnhancements插件有效地改進了Sublime Text的側(cè)邊欄构回。安裝插件后在側(cè)邊欄上點擊右鍵夏块,可以找到一下新功能:在資源管理器中打開、新建文件纤掸、新建文件夾脐供、以…打開、在瀏覽器中打開借跪。

注:在瀏覽器中打開的熱鍵是F12政己。

你還知道哪些sublime的技巧嗎?歡迎你來留言哦掏愁!


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末匹颤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子托猩,更是在濱河造成了極大的恐慌印蓖,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件京腥,死亡現(xiàn)場離奇詭異赦肃,居然都是意外死亡,警方通過查閱死者的電腦和手機公浪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門他宛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人欠气,你說我怎么就攤上這事厅各。” “怎么了预柒?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵队塘,是天一觀的道長。 經(jīng)常有香客問我宜鸯,道長憔古,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任淋袖,我火速辦了婚禮鸿市,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己焰情,他們只是感情好陌凳,可當我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著内舟,像睡著了一般合敦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上谒获,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天蛤肌,我揣著相機與錄音,去河邊找鬼批狱。 笑死裸准,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的赔硫。 我是一名探鬼主播炒俱,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼爪膊!你這毒婦竟也來了权悟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤推盛,失蹤者是張志新(化名)和其女友劉穎峦阁,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體耘成,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡榔昔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了瘪菌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片撒会。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖师妙,靈堂內(nèi)的尸體忽然破棺而出诵肛,到底是詐尸還是另有隱情,我是刑警寧澤默穴,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布怔檩,位于F島的核電站,受9級特大地震影響壁顶,放射性物質(zhì)發(fā)生泄漏珠洗。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一若专、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蝴猪,春花似錦调衰、人聲如沸膊爪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽米酬。三九已至,卻和暖如春趋箩,著一層夾襖步出監(jiān)牢的瞬間赃额,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工叫确, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留跳芳,地道東北人。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓竹勉,卻偏偏與公主長得像飞盆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子次乓,可洞房花燭夜當晚...
    茶點故事閱讀 44,779評論 2 354