首頁  >  文章  >  開發工具  >  Sublime Text 3快速產生HTML5頭部訊息

Sublime Text 3快速產生HTML5頭部訊息

藏色散人
藏色散人轉載
2020-09-08 09:38:373952瀏覽

下面由sublime教學欄位來介紹Sublime Text 3快速產生HTML5的頭部資訊和常用的快捷鍵,希望對需要的朋友有幫助!

Sublime Text 3快速產生HTML5頭部訊息

一、快速產生HTML5的頭部資訊的步驟:

1.Ctrl N,新建一個文件;

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

3.輸入  !,再按下Tab鍵或Ctrl E ,就能快速開啟HTML5的整體結構。

二、十分常用的快速鍵:

Ctrl P,開啟搜尋框。具體操作為:1、輸入目前項目中的文件名,快速搜尋文件,2、輸入@和關鍵字,查找文件中函數名,3、輸入:和數字,跳到文件中該行代碼,4、輸入#和關鍵字,找出變數名。
Ctrl 回車,在目前行的下一行新增一行空行。
Ctrl Shift 回車,在目前行的上一行新增一行空行。
Ctrl Z,撤銷。
Ctrl Y,取消撤銷。
Ctrl ],或Tab鍵,向右縮排。
Ctrl [,或Shift Tab,向左縮排。
Ctrl Shift V,貼上過程中保持縮排。
Alt F3,選取選取的字。
「>」號,子元素選擇符;「.」號,後面接的是class名稱;「$」符,代表的是序號。    

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

無疑這種一次輸入多行的方式十分快速。如果多行有同一種操作,可以運用多行遊標,Alt F3會選中滑鼠之前選擇的詞,此時多行被選中,按方向鍵可以選擇移動,按{ } 可以在裡面輸入內容,最後將遊標移出} 外,Ctrl E則會將{ } 內的內容全部輸出,一次輸出多行。例如全部選取後,輸入 h2 { this .... },再Ctrl E,則會輸出多行h2大小字體的 this.... 字樣。

以上是Sublime Text 3快速產生HTML5頭部訊息的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除