很早前的一篇文章了,內容比較簡單,不過基本夠用了,太複雜的東西與其花很多時間學習,不如敲**呢!
新建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...