下面由sublime教程欄目給大家介紹Sublime Text 3快速生成HTML5的頭部信息和常用的快捷鍵,希望對(duì)需要的朋友有所幫助!
一、快速生成HTML5的頭部信息的步驟:
1.Ctrl + N,新建一個(gè)文檔;
2.Ctrl + Shift + P,打開(kāi)命令模式,再輸入 sshtml 進(jìn)行模糊匹配,將語(yǔ)法切換到html模式;
3.輸入 !,再按下 Tab鍵或者 Ctrl + E ,就能快速打開(kāi)HTML5的整體結(jié)構(gòu)。
二、十分常用的快捷鍵:
Ctrl + P,打開(kāi)搜索框。具體操作為:1、輸入當(dāng)前項(xiàng)目中的文件名,快速搜索文件,2、輸入@和關(guān)鍵字,查找文件中函數(shù)名,3、輸入:和數(shù)字,跳轉(zhuǎn)到文件中該行代碼,4、輸入#和關(guān)鍵字,查找變量名。
Ctrl + 回車,在當(dāng)前行的下一行添加一行空行。
Ctrl + Shift + 回車,在當(dāng)前行的上一行添加一行空行。
Ctrl + Z,撤銷。
Ctrl + Y,取消撤銷。
Ctrl + ],或者Tab鍵,向右縮進(jìn)。
Ctrl + [,或者Shift +Tab,向左縮進(jìn)。
Ctrl + Shift + V,粘貼過(guò)程中保持縮進(jìn)。
Alt + F3,選中選擇的詞。
“>”號(hào),子元素選擇符;“.”號(hào),后面跟的是class名;“$”符,代表的是序號(hào)。
舉個(gè)例子:輸入 ul>.item$*10,再按下Ctrl + E,則會(huì)一次性輸出一個(gè)無(wú)需列表,列表中有10個(gè)帶有class名為item的 li 行。
無(wú)疑這種一次性輸入多行的方式十分快捷。如果多行有同一種操作,可以運(yùn)用多行游標(biāo),Alt + F3會(huì)選中鼠標(biāo)之前選擇的詞,此時(shí)多行被選中,按方向鍵可以選擇移動(dòng),按 { } 可以在里面輸入內(nèi)容,最后將光標(biāo)移出 } 外,Ctrl + E則會(huì)將 { } 內(nèi)的內(nèi)容全部輸出,一次輸出多行。比如在全部選中后,輸入 h2 { this …. },再Ctrl + E,則會(huì)輸出多行h2大小字體的 this…. 字樣。