Vscode編輯器

強(qiáng)大的Vscode編輯器

1.vscode下載地址：https://code.visualstudio.com/

2.選擇你自己的系統(tǒng)是哪種點(diǎn)擊下載
列如：windows x64
安裝好后我們來(lái)點(diǎn)擊應(yīng)用市場(chǎng)安裝插件(界面默認(rèn)是英文)

3.在應(yīng)用市場(chǎng)搜索chinese 安裝中文字體把基礎(chǔ)英文版更換成中文

4.接著以下是需要安裝的插件名稱（建議安裝）

5.vscode常用快捷鍵

• Shift+Alt+↓（快速?gòu)?fù)制行）
• Ctrt+Alt（光標(biāo)多選）
• Ctrl+/（快速注釋）

markdown語(yǔ)法

markdown語(yǔ)法可以讓我們更加簡(jiǎn)潔的寫文本

1.markdown標(biāo)題寫法

（#號(hào)）一級(jí)標(biāo)題

（##號(hào)）二級(jí)標(biāo)題

（###號(hào)）三級(jí)標(biāo)題

2.markdown超鏈接寫法

超鏈接使用<>進(jìn)行標(biāo)記，把要加入的鏈接放到<>里面
列如：http://www.baidu.com

3.markdown表格寫法

|我是表頭|
|-------|
|我是表體|

markdown表格寫法展示效果

4.markdown分割線

markdown分割線符號(hào)：---

markdown分割線寫法展示效果

5.markdown代碼塊寫法

```+你要寫的代碼塊名稱如：php 
```php
$a="10";
$b="12";
echo $a+$b ;
結(jié)尾用三個(gè)反引號(hào)作為結(jié)尾(```)

markdown代碼塊寫法展示效果 (里面代碼會(huì)高亮顯示)

$a="10";
$b="12";
echo "$a+$b" ;

Emmet語(yǔ)法

Emmet語(yǔ)法能讓我們寫代碼更加快捷

后代嵌套
如果你想寫一個(gè)ul，ul內(nèi)部寫一個(gè)li，li內(nèi)部寫一個(gè)span，就可以
在html文檔中輸入 ul>li>span，然后按下你的tab鍵或者回車，就會(huì)生成以下代碼

<ul>
   <li><span></span></li>
</ul>

Emmet乘法
如果你想寫一個(gè)ul，ul內(nèi)部寫多個(gè)li，可以這樣寫
我們?cè)趆tml文檔中輸入 ul>li*5然后按下你的tab或回車鍵，就會(huì)生成以下代碼

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

批改老師：天蓬老師

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

老師批語(yǔ)：