VsCode自帶Emmet基礎用法(基本夠用了)

2021-10-14 04:16:32 字數 1412 閱讀 8997

很早前的一篇文章了,內容比較簡單,不過基本夠用了,太複雜的東西與其花很多時間學習,不如敲**呢!

新建html檔案,儲存之後,輸入「」,按tap(或enter)鍵,自動生成html結構

標籤只要直接輸入標籤名(不要輸入<>),按tap(或enter)鍵自動生成完整的標籤

輸入標籤和id:標籤名#id名

輸入「span#sp",tap(或enter)鍵,

輸入標籤和class值:標籤名.class 名

輸入"span.sp",tap(或enter)鍵

【其中】:元素繫結多個類名:標籤名.class名1.class名2。。。

輸入"span.sp1.sp2",tap鍵(或enter)鍵

輸入標籤和標籤中的值:標籤名{標籤內容}

輸入「span",tap(或enter)鍵,

test
同時輸入多個同級標籤:標籤名+標籤名+標籤名。。。

輸入"li+li+li" , tap(或enter)鍵,

同時輸入父級標籤和子標籤:父級標籤名》子級標籤名。。。

輸入「table>ul>li+li",tap(或enter)鍵,

輸入子級元素的父級元素的同級元素

輸入"div>p>span^ul>li"

【注意】「^」之後的ul標籤是和span的父級標籤p同級的

輸入超連結的鏈結href值

輸入「a:mail

=>

輸入「a:link

=>

輸入標籤的某個屬性值

輸入「span[style=color:red]

=>

輸入「span[style=color:red].sp#sp"

同級標籤輸入多個使用乘法

輸入「li*3"

=>

vscode使用emmet語法

新建文件,輸入html 5 然後摁下tab鍵,即可建立如下的html5基本結構 也可以先輸入 然後摁快捷鍵tab,同樣可以快速建立html5文件 emmet語法直接簡寫,常用的簡寫規則如下 簡寫 然後使用tab鍵 描述e e代表html標籤,即直接寫標籤名 tab鍵就快速建立標籤 e id 快速建立...

vs code設定支援jsx支援emmet

現在vscode中html檔案預設是支援emmet語法的,可以新建乙個html檔案,輸入html 5按tab鍵試一下,會自動生成html結構。但是中寫react的時候,中jsx語法中,輸入html標籤,按tab鍵不僅不會生成成套的html標籤,而且使用emmet的寫法也不管用。這個其實vs code...

vscode 自帶終端無法執行yarn

計算機上啟動 windows powershell 時,執行策略為 restricted 預設設定 restricted 執行策略不允許任何指令碼執行。remotesigned 執行策略可防止 windows powershell 執行沒有數字簽名的指令碼。有關 windows powershell...