Sublime Text使用教程

詳細(xì)瀏覽(https://blog.csdn.net/zghekuiwu/article/details/53863514)
(https://blog.csdn.net/stilling2006/article/details/54376743)
(https://blog.csdn.net/jinhui157/article/details/72887142/)

(https://www.cnblogs.com/sun-cloud/p/6675337.html)

最全前端資源匯集

(https://blog.csdn.net/zghekuiwu/article/details/53869843)

Trailing spaces

功能:檢測并一鍵去除代碼中多余的空格

簡介:還在糾結(jié)代碼中有多余的空格而顯得代碼不規(guī)范?或是有處女座情節(jié)贫贝?次插件幫你實(shí)現(xiàn)發(fā)現(xiàn)多余空格蔬芥、一鍵刪除空格砾隅、保存時自動刪除多余空格滑潘,讓你的代碼規(guī)范清爽起來

使用:安裝插件并重啟诗舰,即可自動提示多余空格蔓罚。一鍵刪除多余空格:CTRL+SHITF+T(需配置)枫弟,更多配置請點(diǎn)擊標(biāo)題邢享。快捷鍵配置:在Preferences / Key Bindings – User加上代碼(數(shù)組內(nèi))

Emmet

前端開發(fā)必備淡诗,Write less , show more骇塘,使用Tab鍵觸發(fā)。安裝Emmet后韩容,可以輸入少量代碼后按Tab鍵款违,系統(tǒng)會自動補(bǔ)全代碼。

AutoFileName

快速列出你想引用的文件夾里面所有文件的名字群凶,比如想引用test/img/1.png插爹。只需要輸入/img,該插件就會自動提示/img下面的所有文件名,如圖

BracketHighlighter

高亮顯示[], (), {}, “”, ”, <tag></tag>符號请梢,便于查看起始和結(jié)束標(biāo)記赠尾。如圖:

ColorPicker

調(diào)色板,需要輸入顏色時毅弧,可直接選取顏色气嫁。使用快捷鍵ctrl+shift+c即可打開調(diào)色板。需要注意的是够坐,這個快捷鍵可能會打不開調(diào)色板寸宵,原因是該快捷鍵被占用了,最直接的解決辦法是直接在Preferences→Key Bindings-User中配置:“{ "keys": ["ctrl+shift+c"], "command": "color_pick"},”

JsFormat

JsForma可以自動幫助你格式化JavaScript代碼元咙,形成一種通用的格式梯影,比如對壓縮、空格庶香、換行的js代碼進(jìn)行整理甲棍,使得js代碼結(jié)構(gòu)清晰,易于觀看赶掖。在已壓縮的JS文件中感猛,右鍵選擇jsFormat或者使用默認(rèn)快捷鍵(Ctrl+Alt+F),如果該熱鍵被占用了倘零,可以在Preferences→Key Bindings-User中配置: { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},

DocBlockr

安裝該插件后唱遭,可以快速生成各種注釋格式,當(dāng)需要生成注釋符號時呈驶,輸入/*拷泽、/然后回車系統(tǒng)會幫你自動生成,如果/后面剛好是一個函數(shù)的定義,注釋格式會根據(jù)函數(shù)的參數(shù)生成司致。

Sidebar Enhancements

sub側(cè)欄右鍵文件提供的功能很少拆吆,但在實(shí)際開發(fā)中,文件通常會有各種處理請求脂矫,而該插件增強(qiáng)側(cè)欄文件右鍵功能枣耀,比如可以直接右鍵將文件移入回收站,在瀏覽器中瀏覽庭再,將文件復(fù)制到剪切板等捞奕。

安裝該插件前,文件右鍵選項(xiàng)很少:

安裝插件后拄轻,文件右鍵選項(xiàng)大大增強(qiáng):

我常用的兩個功能是設(shè)置文件使用瀏覽器打開的快捷鍵F12和重命名F2颅围,需要自己往Key-Bindings-User里面添加
{ "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":""}},
{ "keys": ["f2"], "command": "side_bar_rename"},

Alignment

對定義的變量進(jìn)行智能對齊,一般是“=”號對齊,默認(rèn)的快捷鍵是Ctrl+Alt+A恨搓,但這個熱鍵和QQ截屏的熱鍵沖突不能使用院促,需要自己重新設(shè)置,我通常設(shè)置成Ctr+Alt+Shift+A斧抱,以下粘貼到Key-Bindings-User里面:{ "keys": ["ctrl+alt+shift+a"], "command": "alignment" },

CSS Format

CSS Format可以將任意的 CSS常拓、SASS、SCSS辉浦、LESS 代碼格式化為展開弄抬、緊湊、壓縮的形式盏浙,選中需要格式化的樣式代碼眉睹,右鍵選中CSS Format荔茬,選擇需要形成的格式即可废膘。

Tag

Tag插件提供各種對Tag標(biāo)簽的操作,具有功能:根據(jù)/自動關(guān)閉HTML標(biāo)簽慕蔚,標(biāo)簽自動縮進(jìn)(或選中ctrl+alt+f)丐黄,刪除標(biāo)簽和里面的內(nèi)容,插入標(biāo)簽(對光標(biāo)字符“ctrl+shift+,”生成標(biāo)簽)孔飒,刪除標(biāo)簽里的屬性灌闺,關(guān)閉標(biāo)簽,檢查標(biāo)簽等坏瞄。有些功能是自動執(zhí)行桂对,有些功能需要手動執(zhí)行,功能入口:菜單欄Edit→Tag鸠匀。

Trailing spaces

可以檢測和一鍵刪除代碼的空格蕉斜,保存時自動刪除多余空格,讓你的代碼更加緊湊規(guī)范。功能入口:Edit→
Trailing Spaces→
Delete宅此,也可以自己設(shè)置快捷鍵机错,我通常設(shè)置成ctrl+shift+alt+t,以下粘貼到Key-Bindings-User里面:{ "keys": ["ctrl+shift+alt+t"], "command": "delete_trailing_spaces" },

ConvertToUTF8

通過本插件父腕,您可以編輯并保存目前編碼不被 Sublime Text 支持的文件弱匪,特別是中日韓用戶使用的 GB2312,GBK璧亮,BIG5萧诫,EUC-KR,EUC-JP 等枝嘶〔聘椋可以通過 File→
Set File Encoding to 菜單對文件編碼進(jìn)行手工轉(zhuǎn)換。例如躬络,您可以打開一個 UTF-8 編碼的文件尖奔,指定保存為 GBK,反之亦然穷当。

HTML-CSS-JS Prettify

格式化HTML,CSS,Javascript和Json代碼格式提茁。使用該插件,需要安裝nodejs馁菜,而且要在Packages-Setting→
HTML/CSS/JS Prettify→
set node path中設(shè)置你node的安裝路徑茴扁。使用過程:Tools→
Command Palette(或者Ctrl+Shift+P),輸入選擇htmlprettify即可完成整個文檔的格式化汪疮。也可以設(shè)置快捷鍵:Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts峭火,因?yàn)槲业腸trl+shift+h已經(jīng)被占用,所以我改成ctrl+shift+alt+h智嚷。

Terminal

打開文件的終端卖丸,終端默認(rèn)是CMD。ctrl+shift+t 打開文件所在文件夾盏道,ctrl+shift+alt+t 打開文件所在項(xiàng)目的根目錄文件夾稍浆,可以自己重新配置快捷鍵。也可以右鍵open terminal here打開猜嘱。

匯總一下前面介紹的插件:
Alignment
AutoFileName
BracketHighlighter
ColorPicker
CSS Format
DocBlockr
Emmet
JsFormat
Sidebar Enhancements
Tag
Trailing Spaces
ConvertToUTF8
HTML-CSS-JS Prettify
Terminal
以及因?yàn)檫@些插件而重新設(shè)置的快捷鍵:

{ "keys": ["ctrl+alt+shift+a"], "command": "alignment" },  
{ "keys": ["ctrl+shift+alt+f"], "command": "show_panel", "args": {"panel": "find_in_files"} },  
{ "keys": ["ctrl+alt+u"], "command": "soft_undo" },  
{ "keys": ["ctrl+shift+alt+t"], "command": "delete_trailing_spaces" },  
{ "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":""}},  
{ "keys": ["alt+f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"production", "browser":""}},  
{ "keys": ["ctrl+t"], "command": "side_bar_new_file2"},  
{ "keys": ["f2"], "command": "side_bar_rename"},  
{ "keys": ["ctrl+shift+c"], "command": "color_pick"},  
{ "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},  

還有很多插件需要根據(jù)你使用的庫和框架自己去添加衅枫,比如jQuery、angular朗伶、node.js弦撩、less等,只要Ctr+Shift+p輸入關(guān)鍵詞即可找到你想安裝的插件论皆。

sublimeCodeIntel

因?yàn)榭旖萱I過多益楼,下面僅羅列一下比較常用的快捷鍵:

1.操作
Ctrl + `: 打開Sublime Text控制臺(Esc退出)
Ctrl+Shift+P:打開命令面板(Esc退出)
Ctrl + K, Ctrl + B: 組合鍵歧斟,顯示或隱藏側(cè)欄
Alt :光標(biāo)調(diào)到菜單欄,↑↓←→ 移動光標(biāo)

2.編輯
Ctr+Shift+D:復(fù)制粘貼光標(biāo)所在行
Alt+.:關(guān)閉標(biāo)簽
Ctrl+/:用//注釋當(dāng)前行偏形。
Ctrl+Shift+/:用/**/注釋静袖。
Ctrl + Enter: 在當(dāng)前行下面新增一行然后跳至該行
Ctrl + Shift + Enter: 在當(dāng)前行上面增加一行并跳至該行
Ctrl + ←/→: 進(jìn)行逐詞移動,
Ctrl + Shift + ←/→: 進(jìn)行逐詞選擇
Ctrl + Shift + ↑/↓: 移動當(dāng)前行(文件會被修改)
Ctrl+KK :從光標(biāo)處刪除至行尾
Ctrl+K Backspace :從光標(biāo)處刪除至行首
Ctrl+Z:撤銷
Ctrl+Y:恢復(fù)撤銷
Ctrl+J:合并行(已選擇需要合并的多行時)
Ctrl + [: 選中內(nèi)容向左縮進(jìn)
Ctrl + ]: 選中內(nèi)容向右縮進(jìn)

3.選擇
Alt+F3:選中關(guān)鍵詞后俊扭,選中所有相同的詞队橙。可以配合Ctrl+D使用萨惑。
Ctrl + D Ctrl + K Ctrl + U:Ctrl + D選擇當(dāng)前光標(biāo)所在的詞并高亮該詞所有出現(xiàn)的位置捐康,再次Ctrl + D,會選擇該詞出現(xiàn)的下一個位置庸蔼。在多重選詞的過程中解总,Ctrl + K會將當(dāng)前選中的詞進(jìn)行跳過在多重選詞的過程中,Ctrl + U進(jìn)行回退
Ctrl+L :選擇光標(biāo)所在整行
Ctrl+X:刪除光標(biāo)所在行
Ctrl + J: 把當(dāng)前選中區(qū)域合并為一行
Ctrl+Shift+M:選中當(dāng)前括號內(nèi)容姐仅,重復(fù)可選著括號本身

4.查找
(如果有窗口彈出都是Esc退出彈出窗口)
Ctr+p:輸入@顯示容器(css或者js里面)
Ctrl + F: 調(diào)出搜索框
Ctrl + H: 調(diào)出替換框進(jìn)行替換
Ctrl + Shift + H: 輸入替換內(nèi)容后花枫,替換當(dāng)前關(guān)鍵字
Ctrl + Alt + Enter: 輸入替換內(nèi)容后,替換所有匹配關(guān)鍵字掏膏。(NOTE: 注意此時如果鼠標(biāo)焦點(diǎn)在編輯窗口中劳翰,則替換失敗,將鼠標(biāo)焦點(diǎn)調(diào)到替換框中馒疹,Ctrl + Alt + Enter才會起作用)
Ctrl + Shift + F: 開啟多文件搜索&替換
Alt + C: 切換大小寫敏感(Case-sensitive)模式
Alt + W: 切換整字匹配(Whole matching)模式
Alt + R: 切換正則匹配模式的開啟/關(guān)閉

5.跳轉(zhuǎn)
Ctrl + P:列出當(dāng)前打開的文件(或者是當(dāng)前文件夾的文件)佳簸,輸入文件名然后 Enter 跳轉(zhuǎn)至該文件,輸入@symbol跳轉(zhuǎn)到symbol符號所在的位置颖变,輸入#keyword跳轉(zhuǎn)到keyword所在的位置生均,輸入:n跳轉(zhuǎn)到文件的第n行
Ctrl + R:列出當(dāng)前文件中的符號(例如類名和函數(shù)名,但無法深入到變量名)腥刹,輸入符號名稱 Enter 即可以跳轉(zhuǎn)到該處马胧。
會列出Markdown文件的大綱
F12: 快速跳轉(zhuǎn)到當(dāng)前光標(biāo)所在符號的定義處(Jump to Definition)。比如當(dāng)前光標(biāo)所在為一個函數(shù)調(diào)用肛走,F(xiàn)12會跳轉(zhuǎn)至該函數(shù)的定義處漓雅。
Ctrl + G: 輸入行號以跳轉(zhuǎn)到指定行
Ctrl+M:跳轉(zhuǎn)到括號另一半录别。

6.窗口和Tab頁
Ctrl + N: 在當(dāng)前窗口創(chuàng)建一個新標(biāo)簽
Ctrl + Shift + N: 創(chuàng)建一個新窗口(該快捷鍵 和搜狗輸入法快捷鍵沖突)
Ctrl + W: 關(guān)閉標(biāo)簽頁朽色,如果沒有標(biāo)簽頁了,則關(guān)閉該窗口
Ctrl+Shift+W:關(guān)閉所有打開文件
Ctrl + Shift + T: 恢復(fù)剛剛關(guān)閉的標(biāo)簽组题。
Ctrl +Tag:移動標(biāo)簽葫男。

7.屏幕
F11: 切換普通全屏
Shift + F11: 切換無干擾全屏
Alt + Shift + 2: 進(jìn)行左右分屏
Alt + Shift + 8進(jìn)行上下分屏
Alt + Shift + 5進(jìn)行上下左右分屏(即分為四屏)
Ctrl + 數(shù)字鍵: 跳轉(zhuǎn)到指定屏
Ctrl + Shift + 數(shù)字鍵: 將當(dāng)前屏移動到指定屏

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市崔列,隨后出現(xiàn)的幾起案子梢褐,更是在濱河造成了極大的恐慌旺遮,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,496評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盈咳,死亡現(xiàn)場離奇詭異耿眉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)鱼响,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,187評論 3 385
  • 文/潘曉璐 我一進(jìn)店門鸣剪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人丈积,你說我怎么就攤上這事筐骇。” “怎么了江滨?”我有些...
    開封第一講書人閱讀 157,091評論 0 348
  • 文/不壞的土叔 我叫張陵铛纬,是天一觀的道長。 經(jīng)常有香客問我唬滑,道長告唆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,458評論 1 283
  • 正文 為了忘掉前任晶密,我火速辦了婚禮悔详,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘惹挟。我一直安慰自己茄螃,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,542評論 6 385
  • 文/花漫 我一把揭開白布连锯。 她就那樣靜靜地躺著归苍,像睡著了一般。 火紅的嫁衣襯著肌膚如雪运怖。 梳的紋絲不亂的頭發(fā)上拼弃,一...
    開封第一講書人閱讀 49,802評論 1 290
  • 那天,我揣著相機(jī)與錄音摇展,去河邊找鬼吻氧。 笑死,一個胖子當(dāng)著我的面吹牛咏连,可吹牛的內(nèi)容都是我干的盯孙。 我是一名探鬼主播,決...
    沈念sama閱讀 38,945評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼祟滴,長吁一口氣:“原來是場噩夢啊……” “哼振惰!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起垄懂,我...
    開封第一講書人閱讀 37,709評論 0 266
  • 序言:老撾萬榮一對情侶失蹤骑晶,失蹤者是張志新(化名)和其女友劉穎痛垛,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桶蛔,經(jīng)...
    沈念sama閱讀 44,158評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡匙头,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,502評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了仔雷。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片乾胶。...
    茶點(diǎn)故事閱讀 38,637評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖朽寞,靈堂內(nèi)的尸體忽然破棺而出识窿,到底是詐尸還是另有隱情,我是刑警寧澤脑融,帶...
    沈念sama閱讀 34,300評論 4 329
  • 正文 年R本政府宣布喻频,位于F島的核電站,受9級特大地震影響肘迎,放射性物質(zhì)發(fā)生泄漏甥温。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,911評論 3 313
  • 文/蒙蒙 一妓布、第九天 我趴在偏房一處隱蔽的房頂上張望姻蚓。 院中可真熱鬧,春花似錦匣沼、人聲如沸狰挡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,744評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽加叁。三九已至,卻和暖如春唇撬,著一層夾襖步出監(jiān)牢的瞬間它匕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,982評論 1 266
  • 我被黑心中介騙來泰國打工窖认, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留豫柬,地道東北人。 一個月前我還...
    沈念sama閱讀 46,344評論 2 360
  • 正文 我出身青樓扑浸,卻偏偏與公主長得像烧给,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子首装,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,500評論 2 348

推薦閱讀更多精彩內(nèi)容