一、VsCode安裝與配置常用插件

操作系統(tǒng)：

windows 10 64位

Visual Studio Code的下載地址：https://code.visualstudio.com

1.打開(kāi)官網(wǎng)下載

根據(jù)自己電腦的系統(tǒng)選擇

2.點(diǎn)擊Download for windows會(huì)自動(dòng)匹配你的電腦系統(tǒng)然后跳轉(zhuǎn)，等待幾秒即自動(dòng)下載 傻瓜式一鍵安裝

3.完成安裝打開(kāi)左邊導(dǎo)航欄第五個(gè)或者快捷鍵VScode Ctrl+Shift+X搜索插件

4.VsCode推薦插件

二、Emmet語(yǔ)法

簡(jiǎn)介

Emmet是一款文本編輯器/IDE的插件，用來(lái)快速生成復(fù)雜的HTML代碼，只要掌握一些常用的語(yǔ)法（類似于CSS選擇器），就可以減少重復(fù)編碼的工作。

調(diào)用方法

Emmet使用Tab作為自動(dòng)生成HTML代碼的觸發(fā)器。

輸入完生成HTML的縮寫(xiě)語(yǔ)句后，按下Tab，即可生成對(duì)應(yīng)的HTML代碼

1.css w200 h200 bgc

2.、ID和類屬性

#header .header, #ID選擇器，.類選擇器

3.相關(guān)語(yǔ)法 后代：>

div>p>a >大于號(hào)為下級(jí)，可一直嵌套

4.相關(guān)語(yǔ)法 兄弟：+

div>p+video +號(hào)為兄弟級(jí) +號(hào)前標(biāo)簽的同級(jí)

5.相關(guān)語(yǔ)法 重復(fù)多份：*

編號(hào)：$

數(shù)量*n $@5從5開(kāi)始 @-5反編號(hào) $是數(shù)字1開(kāi)始 $$是01開(kāi)始

6.自定義屬性[] 括號(hào)里面填寫(xiě)屬性

文本：{ } Text: { }

7.相關(guān)語(yǔ)法 上級(jí)元素：^

div>p^audio ^號(hào)為上級(jí) ^前標(biāo)簽的上級(jí)

三、Markdown語(yǔ)法

常用語(yǔ)法：

批改老師：PHPz

批改狀態(tài)：合格

老師批語(yǔ)：