歡迎使用 Visual Studio IDE

適用于:是Visual Studio否Visual Studio for Mac否Visual Studio Code

整合式開發環境 (IDE) 是功能豐富的程式,可支援軟體發展的許多層面。 Visual Studio IDE 是一個創意啟動板,可用來編輯、偵錯和建置程式碼,然後發佈應用程式。 除了大部分 IDE 所提供的標準編輯器和偵錯工具之上,Visual Studio 也包含編譯器、程式碼完成工具、圖形設計工具,以及更多功能,以增強軟體發展程式。

Visual Studio 2019 IDE 的螢幕擷取畫面,其中包含指出主要特性和功能所在位置的圖說文字。

顯示 Visual Studio 2022 IDE 的螢幕擷取畫面,其中圖說文字指出主要特性和功能的位置。

上圖顯示 Visual Studio,其中包含一個開啟的專案,其中顯示主要視窗及其功能:

  • 方案總管中,您可以在右上方檢視、流覽及管理程式碼檔案。 方案總管可將檔案分組至方案和專案,以協助組織您的程式碼。

  • 中央 編輯器視窗,您可能會花費大部分的時間,顯示檔案內容。 在編輯器視窗中,您可以編輯程式碼或設計使用者介面,例如具有按鈕和文字方塊的視窗。

  • 在右下方的Git 變更中,您可以使用Git 和 GitHub之類的版本控制技術來追蹤工作專案,並與其他人共用程式碼。

版本

Visual Studio 適用於 Windows 和 Mac。 Visual Studio for Mac有許多與 Visual Studio for Windows 相同的功能,並已針對開發跨平臺和行動應用程式進行優化。 本文著重于 Visual Studio 的 Windows 版本。

Visual Studio 有三個版本:Community、Professional 和 Enterprise。 請參閱 比較 Visual Studio 版本 ,以瞭解每個版本支援哪些功能。

Visual Studio 中的一些熱門功能,可在開發軟體時改善您的生產力,包括:

  • 波浪線和快速動作

    波浪線是波浪底線,可在您鍵入程式碼時,針對錯誤或潛在問題提出警示。 這些視覺線索可協助您立即修正問題,而不需要等待在建置或執行時間期間發現錯誤。 如果您將滑鼠停留在波浪線上方,您會看到錯誤的詳細資訊。 燈泡也可能出現在左邊界,顯示您可以採取的 快速動作 來修正錯誤。

    顯示 Visual Studio 中波浪線的螢幕擷取畫面。

    顯示 Visual Studio 中波浪線的螢幕擷取畫面。

  • 程式碼清除

    按一下按鈕後,您可以格式化程式碼,並套用程式 代碼樣式設定.editorconfig 慣例Roslyn 分析器所建議的任何程式碼修正。 程式代碼清除目前僅適用于 C# 程式碼,可協助您解決程式碼中的問題,再進行程式碼檢閱。

    顯示 Visual Studio 中 [程式碼清除] 圖示和功能表的螢幕擷取畫面。

  • 程式碼清除

    按一下按鈕後,您可以格式化程式碼,並套用程式 代碼樣式設定.editorconfig 慣例Roslyn 分析器所建議的任何程式碼修正。 程式代碼清除目前僅適用于 C# 程式碼,可協助您解決程式碼中的問題,再進行程式碼檢閱。

    顯示 Visual Studio 中 [程式碼清除] 圖示和功能表的螢幕擷取畫面。

  • 重構

    重構包括智慧型重新命名變數、將一或多行程式碼擷取至新方法,以及變更方法參數順序等作業。

    顯示 Visual Studio 中重構的螢幕擷取畫面。

    顯示 Visual Studio 中重構的螢幕擷取畫面。

  • IntelliSense

    IntelliSense 是一組功能,可直接在編輯器中顯示程式碼的相關資訊,在某些情況下,為您撰寫少量的程式碼。 就像在編輯器中內嵌基本檔一樣,因此您不需要在其他地方查閱類型資訊。

    下圖顯示 IntelliSense 如何顯示類型的成員清單:

    顯示 IntelliSense 成員清單的螢幕擷取畫面。

    顯示 IntelliSense 成員清單的螢幕擷取畫面。

    IntelliSense 功能會因語言而異。 如需詳細資訊,請參閱 C# IntelliSenseVisual C++ IntelliSenseJavaScript IntelliSenseVisual Basic IntelliSense

  • Visual Studio 搜尋

    Visual Studio 功能表、選項和屬性有時看起來可能很龐大。 Visual Studio 搜尋或Ctrl+Q是快速在單一位置尋找 IDE 功能和程式碼的絕佳方式。

    顯示 Visual Studio 2019 中 [快速啟動] 搜尋方塊的螢幕擷取畫面。

    如需資訊和生產力秘訣,請參閱 如何使用 Visual Studio 搜尋

    顯示 Visual Studio 中 [快速啟動] 搜尋方塊的螢幕擷取畫面。

    如需資訊和生產力秘訣,請參閱 如何使用 Visual Studio 搜尋

  • Live Share

    不論您的應用程式類型或程式設計語言為何,都能即時與其他人共同編輯和偵錯。 您可以立即且安全地共用專案。 您也可以共用偵錯會話、終端機實例、localhost Web 應用程式、語音通話等等。

  • 呼叫階層

    [呼叫階層] 視窗會顯示呼叫所選方法的方法。 當您考慮變更或移除方法,或嘗試追蹤 Bug 時,這項資訊非常有用。

    顯示 [呼叫階層] 視窗的螢幕擷取畫面。

    顯示 [呼叫階層] 視窗的螢幕擷取畫面。

  • CodeLens

    CodeLens 可協助您尋找程式碼參考、程式碼變更、連結的錯誤、工作專案、程式碼檢閱和單元測試,而不需要離開編輯器。

    顯示 CodeLens 的螢幕擷取畫面。

    顯示 CodeLens 的螢幕擷取畫面。

  • 移至定義

    [移至定義]功能會直接帶您前往函式或類型定義的位置。

    顯示 [移至定義] 功能表項目的螢幕擷取畫面。

    顯示 [移至定義] 功能表項目的螢幕擷取畫面。

  • 查看定義

    [查看定義] 視窗會顯示方法或類型定義,而不需開啟個別的檔案。

    顯示 [查看定義] 視窗的螢幕擷取畫面。

    顯示 [查看定義] 視窗的螢幕擷取畫面。

安裝 Visual Studio

在本節中,您會建立簡單的專案,以嘗試使用 Visual Studio 執行的一些動作。 您可以使用 IntelliSense 作為程式碼撰寫輔助程式、對應用程式進行偵錯,以查看應用程式執行期間的變數值,以及變更色彩主題。

若要開始使用, 請下載 Visual Studio 並將其安裝在您的系統上。 模組化安裝程式可讓您選擇並安裝 工作負載,這是所需程式設計語言或平臺所需的功能群組。 若要遵循建立 程式的步驟,請務必在安裝期間選取 .NET Core 跨平臺開發 工作負載。

Visual Studio 安裝程式中 .NET Core 跨平臺開發工作負載的螢幕擷取畫面。

若要開始使用, 請下載 Visual Studio 並將其安裝在您的系統上。 在模組化安裝程式中,您可以選擇並安裝 工作負載,這是您想要的程式設計語言或平臺所需的功能群組。 若要使用下列步驟來 建立程式,請務必在安裝期間選取 .NET 桌面開發 工作負載。

在Visual Studio 安裝程式中選取的 .NET 桌面開發工作負載螢幕擷取畫面。

第一次開啟 Visual Studio 時,您可以使用 Microsoft 帳戶或公司或學校帳戶 登入

建立程式

深入探討並建立簡單的程式。

  1. 開啟 Visual Studio。

    [開始] 視窗隨即出現,其中包含複製存放庫、開啟最近專案或建立新專案的選項。

  2. 選擇 [建立新專案]。

    Visual Studio 2019 中 [建立新專案] 視窗的螢幕擷取畫面。

    [建立新專案] 視窗隨即開啟,並顯示數個專案「範本」。 範本包含指定專案類型所需的基本檔案和設定。

  3. 若要尋找所需的範本,在搜尋方塊中鍵入或輸入 .net core 主控台。 系統即會根據您所輸入的關鍵字自動篩選可用的範本清單。 您可以從 [所有語言] 下拉式清單中選擇[C#]、[所有平臺] 清單中的[Windows] 和 [所有專案類型] 清單中的[主控台],進一步篩選範本結果。

    選取 [主控台應用程式 ] 範本,然後按 [ 下一步]。

    Visual Studio 2019 中 [建立新專案] 視窗的螢幕擷取畫面,您可以在其中選取您想要的範本。

  4. 在 [設定新專案] 視窗中,于 [專案名稱] 方塊中輸入HelloWorld,選擇性地變更專案檔的目錄位置, (預設地區設定為 C:\Users\<name>\source\repos) ,然後按 [下一步]。

    Visual Studio 2019 中 [設定新專案] 視窗的螢幕擷取畫面,您可以在其中輸入專案的名稱。

  5. [其他資訊] 視窗中,確認 .NET Core 3.1 出現在 [ 目標 Framework ] 下拉式功能表中,然後按一下 [ 建立]。

    Visual Studio 2019 中 [其他資訊] 視窗的螢幕擷取畫面,您可以在其中選取您想要的 .NET Core Framework 版本。

    Visual Studio 會建立專案。 這是簡單的 「Hello World」 應用程式,會呼叫 Console.WriteLine() 方法,在主控台 (程式輸出) 視窗中顯示常值字串 「Hello World!」 。

    不久之後,您應該會看到類似下列畫面的內容:

    顯示 Visual Studio IDE 的螢幕擷取畫面。

    您應用程式的 C# 程式碼會顯示在編輯器視窗中,占據大部分的空間。 請注意,系統會將文字自動標示色彩,以表示不同部分的程式碼,例如關鍵字和類型。 此外,程式碼中的垂直小虛線會指出那些大括號彼此成對,而行號則可協助您稍後找出程式碼。 您可以選擇帶方框的小負號來摺疊或展開程式碼區塊。 此程式碼大綱功能可讓您隱藏您不需要的程式碼,有助於讓畫面變得較為簡潔。 專案檔會列在右邊稱作 [方案總管] 的視窗中。

    顯示具有紅色方塊之 Visual Studio IDE 的螢幕擷取畫面。

    還有其他可用的功能表和工具視窗,但讓我們目前先繼續進行操作。

  6. 現在,啟動應用程式。 您可以藉由從功能表列上的 [偵錯] 功能表選擇 [啟動但不偵錯],來執行此動作。 您也可以按Ctrl+F5

    顯示 [偵錯 > 開始但不偵錯] 功能表項目的螢幕擷取畫面。

    Visual Studio 會建置應用程式,主控台視窗隨即開啟,並顯示訊息Hello World!。 您現在已有一個執行中的應用程式!

    Microsoft Visual Studio [偵錯主控台] 視窗的螢幕擷取畫面,其中顯示輸出 'Hello World!' 和 [按下任何按鍵以關閉此視窗]。

  7. 若要關閉主控台視窗,請在鍵盤上按下任意鍵。

  8. 讓我們將更多程式碼新增至應用程式。 在 Console.WriteLine("Hello World!"); 行前新增下列 C# 程式碼:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    此程式碼會在主控台視窗中顯示 What is your name?,然後等待使用者輸入某些文字並按下 Enter 鍵。

  9. Console.WriteLine("Hello World!"); 行變更為下列程式碼:

    Console.WriteLine($"\nHello {name}!");
    
  10. 選取> [偵錯啟動但不偵錯] 或按Ctrl+F5,再次執行應用程式。

    Visual Studio 會重建應用程式,然後主控台視窗會開啟並提示您輸入您的名稱。

  11. 請在主控台視窗中輸入您的名稱,並按下 ENTER

    Microsoft Visual Studio [偵錯主控台] 視窗的螢幕擷取畫面,其中顯示名稱、輸入和輸出 'Hello Georgette!' 的提示。

  12. 按任意鍵以關閉主控台視窗並停止執行程式。

  1. 啟動 Visual Studio。 開始視窗隨即出現,其中包含複製存放庫、開啟最近專案或建立新專案的選項。

  2. 選擇 [建立新專案]。

    Visual Studio [開始] 功能表的螢幕擷取畫面,其中已選取 [建立新專案]。

    [建立新專案] 視窗隨即開啟,並顯示數個專案「範本」。 範本包含指定專案類型所需的基本檔案和設定。

  3. 若要尋找範本,您可以在搜尋方塊中輸入或輸入關鍵字。 可用的範本清單會根據您輸入的關鍵字進行篩選。 您可以從 [所有語言] 下拉式清單、[所有平臺] 清單選擇[Windows] 和 [所有專案類型] 清單中的[主控台],進一步篩選範本結果。

    選取 主控台應用程式 範本,然後選取 [ 下一步]。

    [建立新專案] 視窗的螢幕擷取畫面,其中已選取 [主控台應用程式]。

  4. 在 [設定新專案] 視窗中,于 [專案名稱] 方塊中輸入HelloWorld。 或者,從 C:\Users\ < name\source\repos >的預設位置變更專案目錄位置,然後選取 [ 下一步]。

    [設定新專案] 視窗的螢幕擷取畫面,其中已輸入專案名稱 HelloWorld。

  5. [其他資訊] 視窗中,確認 .NET 6.0 出現在 [ 目標 Framework ] 下拉式功能表中,然後選取 [ 建立]。

    已選取 .NET 6.0 之 [其他資訊] 視窗的螢幕擷取畫面。

    Visual Studio 會建立專案。 程式是簡單的「Hello World」應用程式,會呼叫 Console.WriteLine() 方法來顯示字串Hello, World!在主控台視窗中。

    專案檔會出現在 Visual Studio IDE 右側的視窗中,稱為方案總管。 在[方案總管] 視窗中,選取Program.cs檔案。 應用程式的 C# 程式碼會在中央編輯器視窗中開啟,這佔用大部分的空間。

    此螢幕擷取畫面顯示編輯器中具有 Program.cs 程式碼的 Visual Studio IDE。

    程式碼會自動著色,以指出不同的部分,例如關鍵字和類型。 行號可協助您找出程式碼。

    程式碼中的小型垂直虛線表示哪一個大括弧彼此相符。 您也可以選擇小型、Boxed 減號或加號來折迭或展開程式碼區塊。 此程式碼大綱功能可讓您隱藏不需要查看的程式碼,協助將螢幕上的雜亂最小化。

    顯示具有紅色方塊之 Visual Studio IDE 的螢幕擷取畫面。

    提供許多其他功能表和工具視窗。

  6. 從 Visual Studio 頂端功能表選擇 [>偵錯啟動但不偵錯] 來啟動應用程式。 您也可以按Ctrl+F5

    顯示 [偵錯 > 開始但不偵錯] 功能表項目的螢幕擷取畫面。

    Visual Studio 會建置應用程式,主控台視窗隨即開啟,並顯示 Hello, World!訊息。 您現在已有一個執行中的應用程式!

    [偵錯主控台] 視窗的螢幕擷取畫面,其中顯示輸出 Hello, World!和 按下任何按鍵以關閉此視窗。

  7. 若要關閉主控台視窗,請按任何按鍵。

  8. 讓我們將更多程式碼新增至應用程式。 在 Console.WriteLine("Hello World!"); 行前新增下列 C# 程式碼:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    此程式碼會在主控台視窗中顯示 什麼是您的名稱? ,然後等到使用者輸入一些文字為止。

  9. 將指出 Console.WriteLine("Hello World!"); 的行變更為下列這一行:

    Console.WriteLine($"\nHello {name}!");
    
  10. 選取> [偵錯啟動但不偵錯] 或按Ctrl+F5,再次執行應用程式。

    Visual Studio 會重建應用程式,然後主控台視窗會開啟並提示您輸入您的名稱。

  11. 在主控台視窗中輸入您的名稱,然後按 Enter

    [偵錯主控台] 視窗的螢幕擷取畫面,其中顯示名稱、輸入和輸出 Hello Georgette!的提示。

  12. 按任意鍵以關閉主控台視窗並停止執行程式。

使用重構和 IntelliSense

讓我們看看重構IntelliSense 這兩種方式如何協助您更有效率地撰寫程式碼。

首先,重新命名 name 變數:

  1. 按兩下 name 變數,然後輸入變數使用者 名稱的新名稱。

    變數周圍會出現一個方塊,而燈泡會出現在邊界中。

  2. 選取燈泡圖示以顯示可用的快速動作。 選取 [將 'name' 重新命名為 'username']

    顯示 Visual Studio 中 [重新命名] 動作的螢幕擷取畫面。

    顯示 Visual Studio 中 [重新命名] 動作的螢幕擷取畫面。

    此變數會在專案中重新命名,在我們的案例中只有兩個位置。

  3. 現在請查看 IntelliSense。 在 Console.WriteLine($"\nHello {username}!"); 行下方,輸入 DateTime now = DateTime.

    一個方塊會顯示 DateTime 類別的成員。 目前選取成員的描述也會顯示在個別方塊中。

    顯示 Visual Studio 中 IntelliSense 清單成員的螢幕擷取畫面。

    顯示 Visual Studio 中 IntelliSense 清單成員的螢幕擷取畫面。

  4. 按兩下它或按Tab鍵,選取名為Now的成員,這是 類別的屬性。將分號新增至行尾,以完成程式程式碼: DateTime now = DateTime.Now;

  5. 在該行下方,輸入下列幾行程式碼:

    int dayOfYear = now.DayOfYear;
    
    Console.Write("Day of year: ");
    Console.WriteLine(dayOfYear);
    

    秘訣

    Console.Write 不同于 Console.WriteLine ,它不會在列印之後新增行結束字元。 這表示傳送至輸出的下一段文字會列印在同一行。 您可以將滑鼠停留在程式碼中的每個方法上,以查看其描述。

  6. 接下來,再次使用重構,讓程式碼更簡潔。 選取 行 DateTime now = DateTime.Now; 中的變數 now 。 螺絲起子圖示會出現在該行的邊界中。

  7. 選取螺絲起子圖示,以查看 Visual Studio 中可用的建議。 此案例顯示 內嵌暫存變數 重構,以移除一行程式碼,而不會變更整體程式程式碼為。

    顯示 Visual Studio 中內嵌暫存變數建議的螢幕擷取畫面。

    顯示 Visual Studio 中內嵌暫存變數建議的螢幕擷取畫面。

  8. 選取 [內嵌暫存變數 ] 以重構程式碼。

  9. Ctrl+F5再次執行程式。 輸出看起來會像這樣:

    [偵錯主控台] 視窗的螢幕擷取畫面,其中顯示名稱、輸入和輸出 'Hello Georgette!年度日期:43'。

    [偵錯主控台] 視窗的螢幕擷取畫面,其中顯示名稱、輸入和輸出 'Hello Georgette!年度日期:244'。

偵錯程式碼

當您撰寫程式碼時,應該執行它並測試是否有 Bug。 Visual Studio 偵錯系統可讓您以一次一個陳述式的方式逐步偵錯程式碼,並一邊檢查變數。 您可以設定 中斷點 ,停止在特定行執行程式碼,並觀察變數值在程式碼執行時如何變更。

設定中斷點,以查看程式執行時變數 username 的值。

  1. 在程式程式碼上設定中斷點, Console.WriteLine($"\nHello {username}!"); 方法是按一下行旁的左邊界或通配線。 您也可以選取程式程式碼,然後按 F9

    紅色圓圈會出現在通線中,並反白顯示線條。

    顯示 Visual Studio 中程式程式碼中斷點的螢幕擷取畫面。

    顯示 Visual Studio 中程式程式碼中斷點的螢幕擷取畫面。

  2. 選取 [>偵錯開始偵錯] 或按F5開始偵錯。

  3. 當主控台視窗出現並要求您的名稱時,請輸入您的名稱。

    焦點會返回 Visual Studio 程式碼編輯器,而具有中斷點的程式程式碼會以黃色醒目提示。 黃色醒目提示表示下一行程式碼將會執行。 中斷點可讓應用程式在此行暫停執行。

  4. 將滑鼠移至 username 變數上方以查看其值。 您也可以以滑鼠右鍵按一下 username ,然後選取 [ 新增監看 式] 將變數新增至 [監看式 ] 視窗,您可以在其中查看其值。

    顯示 Visual Studio 偵錯期間變數值的螢幕擷取畫面。

    顯示 Visual Studio 偵錯期間變數值的螢幕擷取畫面。

  5. 再次按 F5 鍵以完成執行應用程式。

如需在 Visual Studio 中偵錯的詳細資訊,請參閱 偵錯工具功能導覽

自訂 Visual Studio

您可以個人化 Visual Studio 使用者介面,包括變更預設色彩主題。 若要變更色彩主題:

  1. 在功能表列上,選擇 [工具>選項] 以開啟 [選項] 對話方塊。

  2. 在 [環境>一般] 選項頁面上,將[色彩主題] 選項變更為[深色],然後選擇 [確定]。

    整個 IDE 的色彩佈景主題會變更為 [深色]

    顯示深色主題中 Visual Studio 的螢幕擷取畫面。

  1. 在功能表列上,選擇 [工具>選項] 以開啟 [選項] 對話方塊。

  2. 在 [環境>一般] 選項頁面上,將[色彩主題] 選取專案變更為[藍色] 或 [淺色],然後選取 [確定]。

    整個 IDE 的色彩主題會隨之變更。 下列螢幕擷取畫面顯示藍色主題:

    顯示藍色主題中 Visual Studio 的螢幕擷取畫面。

若要了解您可以個人化 IDE 的其他方式,請參閱個人化 Visual Studio

下一步

遵循以下其中一篇簡介文章,進一步探索 Visual Studio:

若您已準備好深入程式碼的世界,下一步就是開始下列其中一個語言專屬的快速入門:

另一個開始撰寫程式碼的好地方是教學課程:

另請參閱