值得收藏！VScode 中這 15 個神仙插件寫代碼必備！

Visual Studio Code 是一款輕量級但功能強大的源代碼編輯器，適用于 Windows、macOS 和 Linux。內(nèi)置了對 JavaScript、TypeScript 和 Node.js 的支持，并為其他語言（例如 C++、C#、Java、Python、PHP、Go）并且提供了豐富的擴展生態(tài)系統(tǒng)。

今天我將給大家介紹 VsCode 常用操作及非常棒的插件，喜歡本文記得收藏、點贊、關(guān)注。

廢話不多說，我們開始吧！

使用教程

1.搜索擴展

您可以清除“擴展”視圖頂部的“搜索”框，然后輸入您要查找的擴展、工具或編程語言的名稱。

2.列出已安裝的擴展

默認“擴展”視圖顯示當(dāng)前的擴展、推薦的所有擴展以及已禁用的所有擴展的折疊視圖。可以使用命令面板( Ctrl+Shift+P ) 命令清除搜索框中的任何文本并顯示所有已安裝擴展的列表。

3.卸載擴展

要卸載擴展，請選擇擴展條目右側(cè)的管理齒輪按鈕，然后從下拉菜單中選擇卸載。可以卸載擴展并提示您重新加載 VS Code。

4.禁用擴展

如果不想永久刪除擴展程序，可以通過單擊擴展程序條目右側(cè)的齒輪按鈕暫時禁用擴展程序。

在全局禁用擴展或僅針對當(dāng)前工作區(qū)禁用擴展。禁用擴展后，系統(tǒng)將提示重新加載 VS Code。

5.啟用擴展

如果禁用了某個擴展程序，可以使用下拉菜單中的Enable或**Enable (Workspace)**命令重新啟用它。

6.更新擴展

自動更新：VS Code 檢查擴展更新并自動安裝。更新后，系統(tǒng)會提示您重新加載 VS Code。

手動更新：使用Show Outdated Extensions命令快速查找擴展更新，顯示當(dāng)前安裝的擴展程序的所有可用更新，為過時的擴展選擇更新按鈕，更新將被安裝，系統(tǒng)將提示重新加載 VS Code。

擴展介紹

1.Python

對Python 語言有豐富的支持，包括 IntelliSense (Pylance)、linting、調(diào)試、代碼導(dǎo)航、代碼格式化、重構(gòu)、變量瀏覽器等功能、測試資源管理器等。

2.Jupyter

它提供基本的筆記本支持語言內(nèi)核所支持許多語言內(nèi)核無需修改即可工作。默認Jupyter 擴展包括 Jupyter Keymaps 和 Jupyter Notebook Renderers 擴展。

3.C/C++

C/C++ 擴展為 Visual Studio Code 添加了對 C/C++ 的語言支持，包括 IntelliSense 和調(diào)試等功能。

4.ESLint

ESLint 是一種用于識別和報告在 ECMAScript/JavaScript 代碼中發(fā)現(xiàn)的模式的工具，其目標(biāo)是使代碼更加一致并避免錯誤。在許多方面，它類似于 JSLint 和 JSHint。

5.Prettier

Prettier支持我們大前端目前大部分語言處理，包括 JavaScript · ?Flow · ?TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown，這代表著， 你幾乎可以用一個工具都能搞定所有的代碼格式化問題。

6.Live Server

為靜態(tài)和動態(tài)頁面啟動具有實時重新加載功能的開發(fā)本地服務(wù)器

7.Visual Studio IntelliCode

提供了為Python，TypeScript/ JavaScript和Java開發(fā)AI輔助開發(fā)功能在Visual Studio代碼，基于代碼的上下文與機器學(xué)習(xí)相結(jié)合。

8.Code Runner

運行多種語言的代碼片段或代碼文件，省掉保存的環(huán)節(jié)，直接可以運行

9.Chinese (Simplified) (簡體中文)

為VS Code 使用者提供漢字化界面，針對英文界面使用不太熟練的使用者

10.background

平時編程總是對著一頓枯燥的代碼背景，VSCode一個神仙插件Background，可以更改自己想要的背景圖，下面來介紹一波。具體實現(xiàn)效果圖：背景圖放最上面了，之前寫過一篇文章。

11.Auto Rename Tag

自動重命名配對的 HTML/XML 標(biāo)簽，與 Visual Studio IDE 相同。

12.Better Comments

Better Comments 擴展將幫助您在代碼中創(chuàng)建更人性化的注釋。使用此擴展程序，您將能夠?qū)⒆⑨尫诸悶椋?/p>

• 警報
• 查詢
• 待辦事項
• 強調(diào)
• 注釋掉的代碼也可以設(shè)置樣式以明確代碼不應(yīng)該在那里
• 可以在設(shè)置中指定您想要的任何其他評論樣式

13.Draw io Integration

在VSCode中就可以創(chuàng)建思維導(dǎo)圖，要創(chuàng)建新圖表，只需創(chuàng)建一個空的*.drawio,*.drawio.svg或*.drawio.png文件并打開它drawio.svg、.drawio.png嵌入到 Github，不需要導(dǎo)出

14.Markdown emoji

向 VS Code 的內(nèi)置 Markdown 預(yù)覽添加:emoji:語法支持 ，生成表情

15.WakaTime

直觀的反應(yīng)你一天學(xué)習(xí)打代碼的時間，通過各種圖表計算。