Sublime Text 3快速生成HTML5頭部信息

下面由sublime教程欄目給大家介紹Sublime Text 3快速生成HTML5的頭部信息和常用的快捷鍵，希望對(duì)需要的朋友有所幫助！

一、快速生成HTML5的頭部信息的步驟：

1.Ctrl + N，新建一個(gè)文檔；

2.Ctrl + Shift + P，打開命令模式，再輸入 sshtml 進(jìn)行模糊匹配，將語(yǔ)法切換到html模式；

3.輸入 !，再按下 Tab鍵或者 Ctrl + E ，就能快速打開HTML5的整體結(jié)構(gòu)。

二、十分常用的快捷鍵：

Ctrl + P，打開搜索框。具體操作為：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…. 字樣。