需要準(zhǔn)備什么工具

安裝瀏覽器和vscode編輯器，點(diǎn)擊文字會(huì)立即跳轉(zhuǎn)相應(yīng)網(wǎng)站進(jìn)行下載，編輯器的插件功能還需后續(xù)進(jìn)一步體驗(yàn)…

1、瀏覽器

谷歌瀏覽器（Chrome）和 火狐瀏覽器(firefox)

2、編輯器

Visual Studio Code

編輯器插件的選擇

a、編輯器顏色主題匯總網(wǎng)站

b、可參考的插件

1.編輯器顏色主題 擴(kuò)展

2.文件圖標(biāo)主題 擴(kuò)展

3.產(chǎn)品圖標(biāo)主題 擴(kuò)展

4.格式化插件主題：prettier

需要設(shè)置：

5.代碼拼接檢查 擴(kuò)展

6.Markdown預(yù)覽 擴(kuò)展

7.Markdown語(yǔ)法驗(yàn)證 擴(kuò)展

8.vscode如何安裝FiraCode-Light字體

1、下載頁(yè)面

2、解壓并安裝文件

解壓文件中的ttf文件，到任意本地文件中；然后再將文件中的文件全部安裝；

3、Vscode的字體設(shè)置

4、重啟Vscode編輯器即可

相關(guān)參考頁(yè)面

9.預(yù)覽html頁(yè)面 擴(kuò)展

10.內(nèi)置emmet設(shè)置： 用于自動(dòng)生成代碼中以中文格式輸出

11.自動(dòng)生成指令舉例：

• $ 為變量

• 自動(dòng)生成指令帶有class的屬性
  

總結(jié)： 上述所有的插件，都只為美觀和日常編輯中的快捷操作而已。熟練之后能立馬提高編程效率。但基本功還是需要熟記的。畢竟，熟能生巧嘛！

批改老師：PHPz

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

老師批語(yǔ)：總結(jié)的很好很詳細(xì)，繼續(xù)加油，重在堅(jiān)持