Sublime Text 3如何快速生成HTML5的頭部信息和常用的快捷鍵

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

1.Ctrl + N,新建一個文檔;

2.Ctrl + Shift + P,打開命令模式,再輸入 sshtml 進行模糊匹配,將語法切換到html模式;

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

二、十分常用的快捷鍵:

Ctrl + P,打開搜索框。具體操作為:1、輸入當(dā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鍵,向右縮進。
Ctrl + [,或者Shift +Tab,向左縮進。
Ctrl + Shift + V,粘貼過程中保持縮進。
Alt + F3,選中選擇的詞。

“>”號,子元素選擇符;“.”號,后面跟的是class名;“$”符,代表的是序號。

舉個例子:輸入 ul>.item$*10,再按下Ctrl + E,則會一次性輸出一個無需列表,列表中有10個帶有class名為item的 li 行。

無疑這種一次性輸入多行的方式十分快捷。如果多行有同一種操作,可以運用多行游標(biāo),Alt + F3會選中鼠標(biāo)之前選擇的詞,此時多行被選中,按方向鍵可以選擇移動,按 { } 可以在里面輸入內(nèi)容,最后將光標(biāo)移出 } 外,Ctrl + E則會將 { } 內(nèi)的內(nèi)容全部輸出,一次輸出多行。比如在全部選中后,輸入 h2 { this .... },再Ctrl + E,則會輸出多行h2大小字體的 this.... 字樣。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 選擇類 Ctrl+D 選中光標(biāo)所占的文本,繼續(xù)操作則會選中下一個相同的文本。 Alt+F3 選中文本按下快捷鍵,即...
    花生醬031閱讀 749評論 0 0
  • 返回上次光標(biāo)的位置Ctrl+Alt+ left/right 返回至上次瀏覽的位置 Alt+回車 導(dǎo)入包,自動修正C...
    請叫我四爺閱讀 2,236評論 1 2
  • 第一次,靜下心來,記錄下那回不去的故鄉(xiāng)。 筆名是我的名字的全拼,還沒有想好,因為申請了一個同樣的域名,所以感覺還是...
    YinYan閱讀 630評論 1 49
  • 碳水化合物: 米飯 面條 饅頭 燕麥 粗糧 全麥面包 水果: 牛油果 藍(lán)莓 香蕉 草莓 芒果 獼猴桃 覆盆子 櫻桃...
    曾柏超閱讀 227評論 0 1
  • 大概是從三月份開始有做公眾號的一個想法,拖了很久,也不知道怎么去下手。從杭州回來后在家里那段日子不斷地整理之前寫過...
    某個高智商閱讀 558評論 1 1

友情鏈接更多精彩內(nèi)容