vscode詳細使用教程（vscodevscode技巧vscode配置和vscode插件）

2023-04-21 06:11:39

vscode詳細使用教程?寫代碼離不開編輯器，在我剛上大學時，用的DOS下的TurboC和Borland C，TC的菜單好像要用快捷鍵才能激活，非常不好用，現在好了，各種各樣的編輯器讓大家目不暇接，挑花了眼，本文就推薦下vscode，我來為大家科普一下關於vscode詳細使用教程?下面希望有你要的答案，我們一起來看看吧!

vscode詳細使用教程

寫代碼離不開編輯器，在我剛上大學時，用的DOS下的TurboC和Borland C，TC的菜單好像要用快捷鍵才能激活，非常不好用，現在好了，各種各樣的編輯器讓大家目不暇接，挑花了眼，本文就推薦下vscode。

自從微軟擁抱Linux後，微軟變大方了，vscode是Microsoft為Windows、Linux和macOS開發的原始碼編輯器。它是一款超快速和輕量級的原始碼編輯器，可用於查看、編輯、運行和調試應用程式的原始碼。它主要由前端開發人員使用。 與Visual Studio相比，vscode是完全不同的產品。

它能跨平臺，可在Windows、Linux和Mac上運行，而Visual Studio僅可在Windows作業系統和Mac作業系統上運行。

優點：-

1）IntelliSense用於程式語言：-IntelliSense是用於各種代碼編輯功能的通用術語：代碼完成，參數信息，快速信息，「代碼完成」，「內容輔助」和「代碼提示」。

VSCode IntelliSense提供了開箱即用的JavaScript、TypeScript、JSON、HTML、CSS、Less和Sass。我們還可以添加默認情況下不支持的其他語言的IntelliSense擴展。

2）命令面板：

-Visual Studio支持內置的集成終端，最初從您打開的項目的根目錄開始。此功能非常方便，因為我們無需切換窗口或更改現有終端的狀態即可執行快速命令行任務。只需按Command / Control Shift P即可啟動它。這是我們IDE中的PowerShell，可以通過快捷方式處理常用任務。當我們開始鍵入這些可識別的命令中的任何一個時，「命令面板」將提供IntelliSense幫助，甚至觸發命令提示符來執行任務。

3）集成的版本控制（內置Git）：-

vscode內置了Git集成，這使得立即查看項目中所做的更改非常容易。在左側欄，我們可以找到Git圖標，可以在其中初始化Git並執行一些Git命令，例如commit，pull，push，rebase，publish和查看文件中的更改。VSCode可與任何本地或遠程的Git存儲庫一起使用，並提供可視符號以在代碼提交之前解決衝突。

4）調試：

-vscode的主要功能之一是其強大的調試支持。VSCode的內置調試器有助於加速您的編輯、編譯和調試循環。

默認情況下，它帶有對NodeJS的支持，並且可以調試任何轉換為​JavaScript的內容，但是其他運行時（如C 或Python）將需要安裝擴展。銳英源軟體對NodeJS有過研究，發現其它IDE暫時不如vscode這麼友好。

我們可以設置斷點，在運行時查看調用堆棧或變量，並暫停或逐步執行代碼。

5）在不同文件上並排編輯：

有時，我們需要將一個文件的代碼引用到另一個文件。VSCode通過允許我們為相同文件或不同文件打開並排編輯器，使此操作變得容易。只需右鍵單擊該文件，然後選擇「打開幻燈片」選項。

6）一些代碼管理功能：

VS代碼為我們提供了語言服務功能，例如，「窺視定義」，「轉到定義」，「查找所有引用」和「重命名符號」。這些功能對每個開發人員都非常有用。在Vs代碼中，我們可以格式化javascript代碼以及其他語言的代碼。我們可以通過右鍵單擊代碼文件來找到這些功能。

總之vscode總結了Visual Studio的IDE優勢，並且支持眾多插件，現在比較流行，是開發者眾多選擇之一。如果寫C#這類和.net或其它微軟平臺密切相關的語言，VS應該用，但是換了其它語言，要優先考慮vscode，比如前端。微軟的底層平臺加載時是非常佔內存的，而vscode就沒有這個負擔。

因為vscode以編輯器為主，對於各類開發環境不是自帶的，需要針對語言進行不同的配置，安裝好不同的插件，所以vscode配置是需要掌握的技能。就像開源的代碼，你可能要改bug一樣，vscode的細節需要開發人員來配置調整，不過現在vscode經過多次升級，配置很方便，這裡後續後推出不同語言的配置過程和配置問題怎麼解決文章。

　vscode針對每種語言都有插件，要用好vscode必須要掌握插件的安裝、開啟和使用。這裡列舉出幾個常用插件：

snippets：常見代碼片段注入，節省輸入字符數。

Path Intellisense： 路徑補全。

Visual Studio IntelliCode： 智能提示，經過大量機器學習。

Npm Intellisense：自動填充npm模塊。

office插件：開發office軟體上運行的插件，我用VS開發過office插件，有些細節不太方便，推薦大家關注下vscode下的風格。