【代碼編譯器】vscode 配置詳細介紹

前言：運行環境.net6.0 C#10

 

• 安裝.NET Core SDK和運行 官網下載地址：https://www.microsoft.com/net/download/core
• 安裝.Net 4.7.2  官方下載地址：https://dotnet.microsoft.com/download/dotnet-framework/thank-you/net472-web-installer
• 安裝VSCode  官網下載：https://code.visualstudio.com/
• 安裝插件： C# for Visual Studio Code | C# Extensions （這兩個最重要，必須裝，其他插件自己隨意）下載完重啟VScode窗口即可生效，
• 新建C#控制台，我們在學習C#編程階段 只用到控制台應用程序。

• 讓調試的結果輸出到【 控制台窗口】。

• 常用快捷鍵
• 安裝主題插件

                     

一、VS Code 的安裝

• 1、安裝.NET Core SDK和運行 官網下載地址：https://www.microsoft.com/net/download/core
• 2、安裝.Net 4.7.2  官方下載地址：https://dotnet.microsoft.com/download/dotnet-framework/thank-you/net472-web-installer

• 3、VS Code 官網：https://code.visualstudio.com

VS Code 的安裝很簡單，直接去官網下載安裝包，然后雙擊安裝即可。軟件大小80MB，安裝空間只要300MB

 

 

上圖中，直接點擊 download，一鍵下載安裝即可。

選擇以下平台：

 

 

1、VS Code 設置為中文語言

Windows 用戶按住快捷鍵Ctrl+Shift+P 打開命令面板。

在命令面板中，輸入Configure Display Language，選擇Install additional languages，然后安裝插件Chinese (Simplified) Language Pack for Visual Studio Code即可。

或者，我們可以直接安裝插件Chinese (Simplified) Language Pack for Visual Studio Code，是一樣的。

安裝完成后，重啟 VS Code。

2、設置字體大小

在命令面板輸入“字體”，可以進行字體的設置，效果如下：

當然，你也可以在菜單欄，選擇「首選項-設置-常用設置」，在這個設置項里修改字體大小。

VS Code 的介紹

VS Code 的全稱是 Visual Studio Code，是一款開源的、免費的、跨平台的、高性能的、輕量級的代碼編輯器。微軟開發的

IDE 與 編輯器的對比

IDE 和編輯器是有區別的：

• IDE（Integrated Development Environment，集成開發環境）：對代碼有較好的智能提示和相互跳轉，同時側重於工程項目，對項目的開發、調試工作有較好的圖像化界面的支持，因此比較笨重。比如 vs2022 的定位就是 IDE。

• 編輯器：要相對輕量許多，側重於文本的編輯。比如 vs code 、NOtepad++ 的定位就是編輯器。再比如 Windows 系統自帶的「記事本」就是最簡單的編輯器。

需要注意的是，VS Code 的定位是編輯器，而非 IDE ，但 VS Code 又比一般的編輯器的功能要豐富許多。可以這樣理解：VS Code 的體量是介於編輯器和 IDE 之間。

VS Code 的特點

• VS Code 的使命，是讓開發者在編輯器里擁有 IDE 那樣的開發體驗，比如代碼的智能提示、語法檢查、圖形化的調試工具、插件擴展、版本管理等。

• 跨平台支持 MacOS、Windows 和 Linux 等多個平台。

• VS Code 的源代碼以 MIT 協議開源。

• 支持第三方插件，功能強大，生態系統完善。

• 自帶豐富的調試功能。

• 自帶 emmet：支持代碼自動補全，快速地生成簡單的語法結構。要知道，這個功能在 Sublime Text中，得先安裝插件才行。

• VS Code 自帶了 JavaScript、TypeScript 和 Node.js 的語法支持。也就是說，你在書寫 JS 和 TS 時，是自帶智能提示的。當然，其他的語言，你可以安裝相應的擴展包插件，也會有智能提示。

二、.NET Core SDK 開發包的安裝

 

1、下載安裝 .NET Core SDK 180MB 根據自己電腦是32操作系統就選 X86，64位置操作系統就選X64。下載地址： https://dotnet.microsoft.com/download

 

2、下載安裝【runtime 運行時】 26MB。 下載地址： https://dotnet.microsoft.com/download/dotnet/6.0/runtime

 

 

 3、調試SDK和運行時 是否安全成功,在vs code的終端輸入 【dotnet --version】  得到結果相應版本，說明SDK和運行時安裝成功

 

 

三、安裝常用C#插件

插件1：C# for Visual Studio Code (powered by OmniSharp).

插件2：C# IDE Extensions for VSCode

這兩個最重要，必須裝，其他插件自己隨意

 

在vscode中直接添加擴展插件：

插件1、VS Code 設置為中文語言

 

 

C# 插件2：C# for Visual Studio Code (powered by OmniSharp). 具體功能看官網的插件說明

 

 C# 插件3： C# IDE Extensions for VSCode 具體功能看官網的插件說明

4、安裝Ilspy 查看IL代碼

 

 5、快速的找到 對應另一半 括號

 

 

 6、Region Viewer， 安裝完這個插件后，右鍵選擇該插件 然后點擊擴展設置，將以下代碼 加入配置文件

 

 

 

 將以下代碼加入 配置文件。

 /// Other settings
    "region-viewer.markers-overrides": {
        "[language-id]": {
            "start": "^\\s*//\\s*#?region\\b(?<name>.*)", // <name> will be used to to give the region a name
            "end": "^\\s*//\\s*#?endregion\\b"
        },
    }

 

 CTRL+s保存代碼，重啟 vscode 后，發現資源管理器 多出一個欄目 region viewer。說明配置成功。可以通過標簽快速定位代碼

 

 

 

 

 

 7、（前端開發時候用到）prettier 格式化代碼插件（JavaScript · TypeScript · Flow · JSX · JSON CSS · SCSS · LessHTML · ）

 CTRL+s 保存后自動格式化代碼。

8、（前端開發時候用到）css peek 快速的定位到 css的位置，CTRL+鼠標左鍵 直接跳轉到css 樣式處

 

 

通過插件庫官網安裝插件

插件庫官網：https://marketplace.visualstudio.com/VSCode

C# 擴展插件1：https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp

C# 擴展插件2：https://marketplace.visualstudio.com/items?itemName=jchannon.csharpextensions

 四、新建C#控制台，我們在學習C#編程階段 只用到控制台應用程序。

第一種方式創建控制台

你在安裝完成.net Core SDK之后，打開命令行，輸入dotnet -h

只要出來內容，就證明SDK安裝是沒問題的，下一步，輸入
dotnet new console -o F:\vscode\qq

new是新建，console是控制台，-o是IO路徑，后面的是我准備安放的路徑，F盤的vscode目錄下，項目名稱是qq

第二種方式創建控制台

1、先新建一個文件夾vscode，這個文件夾用來存儲項目（軟件）， 然后在這個文件夾里面建立幾個項目 qq 、iqiyi。例如：

 

 

2、在VScode中打開這個文件夾

 

 

 

 

 3、新建一個終端

 

 

4、在終端輸入 dotnet new console 。這樣一個名叫qq的控制台應用程序就建成了。

5、 到此配置完成了。可以開始寫代碼了，寫入第一代碼

Console.WriteLine("I am qq ");

 

6、調試

 

 五、讓調試的結果輸出到【 控制台窗口】

 visual studio code每次debug，默認會顯示“終端窗口”，但終端窗口會添加很多附屬信息，比如啟動的程序、參數等等。
但visual studio code的“調試控制台”就很好，每次只顯示本次調試的結果。

將啟動配置文件Launch.json中的"console": "internalConsole" 修改成"console": "externalTerminal" 如下：

Launch是啟動的意思。

 

 保存后，再次調試。就會彈出控制台了。

 

 

六、 常用快捷鍵

調試

F2：重命名：比如要修改一個方法名，可以選中后按F2，輸入新的名字，回車，會發現所有的文件都修改過了。

F5:編譯並且運行

F10：單布跳過

F11：單步執行，步入

F12：調整到定義

Alt+F12：定義處縮略圖：只看一眼而不跳轉過去

Shift+F12：列出所有的引用

Ctrl+Shift+N  同時打開多個窗口（查看多個項目） 同時打開多個窗口（查看多個項目）

設置

Ctrl+Shift+P ：打開的命令面板 按一下Backspace會進入到Ctrl+P模式里
Ctrl+P：模式窗口下還可以  直接輸入文件名，快速打開文件。在Ctrl+P下輸入>又可以回到主命令框 Ctrl+Shift+P模式。

Ctrl+，：設置面板

格式調整

• 代碼行縮進Ctrl+[， Ctrl+]
• 折疊打開代碼塊 Ctrl+Shift+[， Ctrl+Shift+]
• Ctrl+C Ctrl+V如果不選中，默認復制或剪切一整行

其他

自動保存：File -> AutoSave ，或者Ctrl+Shift+P，輸入 auto

 

 

七、安裝主題   

 Brackets Light Pro

 

 GitHub Light