1、

強(qiáng)烈推薦安裝插件，是我最推薦的VS Code插件之一，簡(jiǎn)直就是Git神器，碼農(nóng)必備。

Git管理中有很多強(qiáng)大的功能，比如：

把光標(biāo)放在當(dāng)前代碼行上，就可以看到這行代碼是誰(shuí)提交的，什么時(shí)候提交的。 這是最方便的功能。

查看代碼更改歷史

查看不同分支

你可以比較兩個(gè)代碼

甚至可以比較兩個(gè)分支的整體代碼。 這簡(jiǎn)直就是最強(qiáng)大的功能。 當(dāng)我們?cè)诓煌姆种Тa中時(shí)，可以使用這個(gè)技巧。

2.()打包代碼

漢化包，讓軟件以簡(jiǎn)體中文語(yǔ)言顯示，沒(méi)什么好說(shuō)的。 當(dāng)我在學(xué)校的時(shí)候，我愚蠢地認(rèn)為我可以使用英語(yǔ)并習(xí)慣它。 不然以后自己工作，別人不用中文這么漂亮的語(yǔ)言，中文包怎么辦？ 給別人安裝調(diào)試？ 事實(shí)證明，大部分用中文語(yǔ)言包的設(shè)備，你把英文編輯器放進(jìn)去，別人給你調(diào)試，你不習(xí)慣。

3.直播

在本地啟動(dòng)一個(gè)服務(wù)器，寫(xiě)完代碼就可以實(shí)現(xiàn)“熱更新”，在網(wǎng)頁(yè)上可以實(shí)時(shí)看到運(yùn)行效果。 您無(wú)需每次都手動(dòng)刷新頁(yè)面。

在編寫(xiě)演示時(shí)特別有用

使用方法：安裝好插件后，開(kāi)始寫(xiě)代碼； 代碼寫(xiě)好后網(wǎng)站建設(shè)，右鍵選擇“Open with Live”

4.打開(kāi)

安裝open in插件后，在html文件中“右擊-->打開(kāi)方式”即可在瀏覽器中預(yù)覽網(wǎng)頁(yè)。

對(duì)于初學(xué)者來(lái)說(shuō)，它也是一個(gè)更容易使用的插件

5.同步

驚喜和意外永遠(yuǎn)不知道哪個(gè)先來(lái)，可能突然間你的電腦不會(huì)說(shuō)話了，那如果你做了很多個(gè)性化的配置，那可以說(shuō)是一場(chǎng)災(zāi)難 我們得把配置云端同步一下，這樣當(dāng)我們的時(shí)候更換電腦，配置自動(dòng)同步到本地，無(wú)需重新使用插件，無(wú)需重新配置軟件。 我們可以把配置共享給其他用戶，也可以把其他用戶的配置為自己所用。 操作步驟詳見(jiàn)上文：【Ⅳ-VS Code配置云服務(wù)】（#Ⅳ-VS Code配置筆記）

6.：快速打印log日志

安裝此插件后，當(dāng)我們按住快捷鍵“Cmd++L”時(shí)，會(huì)自動(dòng)出現(xiàn)log.log()。 簡(jiǎn)直就是期刊黨的福音。

當(dāng)我們選中一個(gè)變量名，然后按住快捷鍵“Cmd++L”，就會(huì)自動(dòng)出現(xiàn)這個(gè)變量的日志。 日志（名稱(chēng)）。

其他類(lèi)似的插件包括：Log。

但是對(duì)于生產(chǎn)環(huán)境中的代碼，還是盡量少打log，避免出現(xiàn)一些異常。

編程分為三個(gè)層次：

第三層是日志。 這是最簡(jiǎn)單有效的方法。 它有點(diǎn)低級(jí)。 一般初學(xué)者或者高級(jí)技術(shù)人員偷懶的時(shí)候都會(huì)用到。 第二層是斷點(diǎn)調(diào)試，在前端、Java、PHP、iOS開(kāi)發(fā)中非常常用。 通過(guò)斷點(diǎn)調(diào)試，可以直觀的跟蹤執(zhí)行邏輯、調(diào)用棧、變量等，是最實(shí)用的技巧。 第一層是測(cè)試硬件開(kāi)發(fā)，在做這個(gè)之前先寫(xiě)測(cè)試。 與二級(jí)斷點(diǎn)調(diào)試相反，大多數(shù)人不太習(xí)慣這種方式，但在國(guó)外開(kāi)發(fā)者或敏捷愛(ài)好者眼中，卻是最高效的編程方式。 等等都是非常有幫助的php生成html代碼，是現(xiàn)代編程必備手段的一部分。

7. 混帳

有些同學(xué)習(xí)慣在編輯器中使用Git管理工具php生成html代碼網(wǎng)站模板，不喜歡再打開(kāi)一個(gè)Git UI工具。 這個(gè)插件可以滿足你查詢所有 Git 記錄的需求。

8. 混帳

是另一個(gè) GUI 插件

9.代碼跳轉(zhuǎn)

前端開(kāi)發(fā)需要

① - 榆樹(shù)跳

常規(guī)代碼跳轉(zhuǎn)定義，按ctrl，同

② CSS 查看

同，按ctrl跳轉(zhuǎn)到css定義，按ctrl，同

③ 視圖-

允許跳轉(zhuǎn)到vue單文件中變量函數(shù)的定義

2個(gè)推薦的插件

1.待辦事項(xiàng)

在寫(xiě)代碼的過(guò)程中，突然發(fā)現(xiàn)了一個(gè)bug，但是又不想停下手頭的工作，以免打斷思路，怎么辦？ 根據(jù)代碼規(guī)范，我們一般會(huì)在代碼中添加TODO注釋。 例如：（注意，一定要寫(xiě)成大寫(xiě)的TODO，不能是小寫(xiě)的todo）

//TODO：這里標(biāo)記一下有BUG，暫存11

或者：

//：你好嗎？ 11

安裝插件TODO后，按住“Cmd++P”打開(kāi)命令面板，輸入“”，選擇相關(guān)命令，我們可以看到一個(gè)列表。

2、

模塊中文件夾和模塊太多，不好找。 好在安裝這個(gè)插件后，輸入快捷鍵“Cmd++P”，然后回車(chē)，在彈出的選項(xiàng)中選擇，搜索里面的模塊。

3.（慎用）

保留本地文件歷史，可以安裝，當(dāng)代碼不小心丟失的時(shí)候，有時(shí)候可以救命，但是也有缺點(diǎn)，它會(huì)在你的項(xiàng)目下生成一個(gè)[.]文件，當(dāng)你提交的時(shí)候，就不能正常使用了。 如果做得不好，這些也會(huì)提交信息，導(dǎo)致不可避免的提交。

4.

圖片預(yù)覽。 當(dāng)鼠標(biāo)移到圖片地址上時(shí)，會(huì)自動(dòng)顯示圖片預(yù)覽和圖片大小。

5. kiwi- --> 國(guó)際化處理

kiwi的VS Code插件工具主要用于檢測(cè)代碼中的中文，高亮中文字符串，一鍵提取中文字符串到對(duì)應(yīng)語(yǔ)言的Key庫(kù)。

同時(shí)優(yōu)化開(kāi)發(fā)體驗(yàn)，VS Code提供搜索中文，提示國(guó)際化值對(duì)應(yīng)的中文功能。

6. --> 項(xiàng)目代碼統(tǒng)計(jì)

快速統(tǒng)計(jì)項(xiàng)目中的代碼行數(shù)和分類(lèi)，直接展開(kāi)商店搜索安裝

① 快速統(tǒng)計(jì)代碼行數(shù)

② 顯示結(jié)果