整合式開發環境快速教學

更新：2007 年 11 月

這個主題會概略介紹 Visual Studio 中所包含的許多應用程式開發功能與工具。

整合式開發環境

Visual Studio 產品系列會共用一種整合式開發環境 (IDE)，其組成項目有：功能表工具列、標準工具列、停駐或自動隱藏於左側、下側和右側的各種工具視窗以及編輯器空間。根據您目前工作的專案或檔案類型，可供使用的工具視窗、功能表和工具列也會有所不同。

圖 1：套用一般開發設定的 IDE

套用一般開發設定的 IDE。

根據套用的設定以及後續進行的任何自訂，IDE 中的工具視窗與其他項目的位置會有所不同。您可以使用匯入和匯出設定精靈來變更設定。

您可利用視覺化的輔助方塊輕鬆移動並停駐視窗，或者使用 [自動隱藏] 將視窗暫時隱藏起來。如需詳細資訊，請參閱 HOW TO：排列和停駐視窗。

另外，還可以使用 Visual Studio Automation 模型來自動化並擴充 IDE。如需詳細資訊，請參閱自訂並自動化開發環境。

專案系統

方案和專案包含了代表建立應用程式所需之參考、資料連接、資料夾和檔案的項目。一個方案容器可以含有多個專案，而一個專案容器通常含有多個項目。如需詳細資訊，請參閱以方案做為容器和以專案做為容器。

方案總管會顯示方案、方案中的專案以及這些專案中的項目。您可以從 [方案總管] 開啟要編輯的檔案、在專案中加入新的檔案，並且檢視方案、專案和項目屬性。

圖 2：方案總管

方案總管視窗

如需詳細資訊，請參閱使用方案總管和 HOW TO：建立方案和專案。

編輯器和設計工具

您所使用的編輯器和設計工具需視正在撰寫的檔案或文件類型而定。[文字編輯器] 是 IDE 的基本文字處理器，而 [程式碼編輯器] 則是基本的原始程式碼編輯器。

其他如 [CSS 編輯器]、[HTML 設計工具] 和 [Web 網頁設計工具] 等的編輯器，除了會共用程式碼編輯器中的許多功能，也會共用所支援之程式碼類型或標記類型的特定加強功能。

編輯器和設計工具通常有兩種檢視：圖形設計檢視和程式碼後置 (Code Behind) 檢視 (或原始碼檢視)。設計檢視可讓您指定使用者介面或 Web 網頁之控制項和其他項目的位置。您可以輕易從工具箱拖曳控制項並且將控制項放置在設計介面上。

圖 3：Web 網頁設計工具 (設計檢視)

Web 網頁設計工具，設計檢視

原始碼檢視會顯示檔案或文件的原始程式碼，這種檢視支援程式碼撰寫說明 (例如 IntelliSense)、可摺疊程式碼區段、重構和程式碼片段的插入。其他功能還包括自動換行、書籤和顯示行號等等。如需詳細資訊，請參閱編輯器快捷命令和功能。

圖 4：Web 網頁設計工具 (原始碼檢視)

Web 網頁設計工具，原始碼檢視

某些編輯器 (如 Web 網頁設計工具和 HTML 設計工具) 也提供混合檢視，這些混合檢視可讓您同時看到檔案的圖形和程式碼檢視。這種檢視稱為 [分割] 檢視。

圖 5：Web 網頁設計工具 (分割檢視)

HTML 設計工具的分割索引標籤檢視

建置和偵錯工具

Visual Studio 提供一組穩固的建置和偵錯工具；利用組建組態，您可以選取要建置的元件、排除不要建置的元件，並且決定所選專案的建置方式和執行平台。方案和專案都可以有組建組態。如需詳細資訊，請參閱 HOW TO：建立和編輯組態和在應用程式開發時建置。

進行建置時就表示偵錯程序已開始；建置應用程式可以幫助您偵測編譯時期的錯誤，這些錯誤可能包括語法錯誤、關鍵字拼法錯誤和型別不符。輸出視窗會顯示這些類型的錯誤。

圖 6：顯示建置資訊的輸出視窗

包含建置資訊的輸出視窗

完成建置應用程式後，您可使用偵錯工具進行偵測，並校正執行階段中所偵測到的如邏輯錯誤和語意錯誤之類的問題。在中斷模式中，您可以使用工具 (例如變數視窗和記憶體視窗) 來檢查區域變數和其他相關資料。

圖 7：中斷模式中的 Visual Basic 表單

Visual Basic 的偵錯中斷點範例

圖 8：偵錯工具視窗

偵錯工具

錯誤清單視窗會顯示錯誤、警告和其他與偵錯相關的訊息。

如需詳細資訊，請參閱偵錯工具資料表。

部署工具

Visual Studio 提供兩種不同的部署策略，分別是 ClickOnce 和 Windows Installer。使用 ClickOnce 部署時，您會將應用程式發行至集中位置，而使用者便從這個位置安裝或執行應用程式。如果是使用 Windows Installer 部署，您會將應用程式封裝成一個 setup.exe 檔案，並且將這個檔案散發給使用者，然後，使用者再執行 setup.exe 檔案安裝應用程式。如需進一步的比較，請參閱選擇部署策略。

ClickOnce 可以讓您使用發行精靈快速地部署應用程式。

圖 9：發行精靈

發行精靈