現在就來剖析一下Microsoft Visual Studio 2010 整合開發環境的各個組成部分以及它們各自的功能。

1 解決方案資源管理器
解決方案資源管理器從本質上說是一個視覺化的文件管理系統，你可以把它看做是整個專案的大管家，如圖1 所示。 

圖1  解決方案資源管理器
在這裡，不僅可以檢視整個專案的專案檔案，還可以管理專案解決方案，並在專案解決方案下根據需要任意新增、修改、刪除子專案或者其他雜項檔案等。 同樣，也可以對專案下的檔案進行各種操作，所有的這些操作都可以通過滑鼠右鍵來完成。例如想要刪除一個檔案，只需要在解決方案資源管理器裡面選中這個文 件，然後按Delete鍵即可。

2 控制元件工具箱

控制元件工具箱屬於Visual Studio 的一大特色，它為我們的開發提供許多有用的控制元件。在Web 專案的開發中，利用工具箱可以不需要編寫任何程式碼，只使用滑鼠“拖曳”的操作方式就能夠完成Web 表單的介面設計，並且這些控制元件都是跨瀏覽器和跨裝置執行的，如圖2所示。

圖2  控制元件工具箱
工具箱的內容依賴於你當前正在使用的設計器，也同樣依賴於你當前的專案型別。你可以自定義工具箱的標籤以及標籤內的項。可以右擊標籤頂部來選擇 “Rename Tab”、“Add Tab ”或者“Delete Tab ”標籤，在工具箱的空白處單擊右鍵並選“Choose Item”，就可以新增一個或者多個項。同時，還可以把一個項從一個標籤拖放到另一個標籤內。

3 伺服器資源管理器

伺服器資源管理器提供了一個樹狀功能列表，它允許你使用當前機器上（以及網路上的其他伺服器）各種型別的服務。類似於計算機管理工具，一般使用服 務器資源管理器來了解機器上可用的事件日誌、訊息佇列、效能計數器、系統服務和SQL Server 資料庫，如圖3所示。

圖3  伺服器資源管理器

其實，它不僅可以讓我們快速地瀏覽伺服器資源，同時也可以和這些資源互動。比如說，可以使用伺服器資源管理器來建立一個數據庫，執行查詢語句，並 且編寫儲存過程，所有這些操作都類似於使用SQL Server提供的企業管理器的操作。如果想要了解對選定的項可進行何種操作，用滑鼠右擊該項即可。

4 錯誤列表與任務列表
錯誤列表和任務列表是同一個視窗的兩種不同表現形式。其中，錯誤列表提供Visual Studio 通過檢測有問題的程式碼而產生的出錯資訊。錯誤列表以及任務列表的每一項都由一個文字描述和一個連結組成，這個連結能幫助你找到專案裡面出錯程式程式碼的指定 行。作為Visual Stuido 的預設設定，當生成一個有錯誤的專案的時候，錯誤列表會自動出現，如圖4 所示。
圖4  錯誤列表

由圖4 可知，錯誤列表有三個選項按鈕。其中，“Error”表示程式的一些嚴重性比較高的錯誤，如果不修改這些錯誤程式將無法編譯成功；“Warnings ”表示軟性錯誤，也可以看著是潛在性錯誤，比如定義了多餘的在程式裡面沒有用到的變數、在頁面設計的時候用到了不符合標準的HTML標籤等，這種錯誤不影 響程式的編譯，但會帶來潛在的錯誤。
任務列表顯示一個類似的帶to-do任務的檢視，以及你正在跟蹤的其他程式碼註解。可以使用“Ctrl+W，T”快捷鍵來開啟任務列表，如圖5所示。

圖5 任務列表

任務可以分為兩種：使用者任務和註釋。可以在任務列表頂部的下拉列表框中選擇想要看的任務。使用者任務是那些你明確新增到任務列表中的項。可以單擊任 務列表中的“Create User Task ”圖示來建立使用者任務。你可以給任務一個基本的描述、優先順序以及一個對勾框來表示其是否已經完成。要移動到相應的程式碼行，只需雙擊上面新的任務項即可。注 意，如果刪除了註釋，這個對應的任務項也會被自動刪除。

5 頁面設計視窗與程式碼編輯視窗
在Visual Studio 中，頁面設計視窗與程式碼編輯視窗共享一個視窗，可以在這裡設計頁面、編寫HTML程式碼、編寫C#以及設計類圖等。在Web 應用程式的頁面設計中，可以使用“拖曳”的方式將Web 伺服器控制元件拖曳到頁面設計視窗來完成頁面的佈局設計，同時它會自動生成相應的頁面HTML 程式碼，如圖6所示。

圖6 選擇“Design”選項

當要修改Web 伺服器控制元件的相關屬性時，只需要選中該Web 伺服器控制元件，然後在控制元件的屬性設定視窗就可以設定控制元件的屬性了。在這裡還可以為控制元件新增相應的事件。當然，也可以通過滑鼠雙擊控制元件的方法來為控制元件新增事件，如圖7所示。

圖7 控制元件的屬性設定視窗

在圖6中，我們發現頁面設計器下面有三個按鈕：Design、Split和Source，它們各自代表什麼意思呢？其實，這是Visual Studio 提供的三種Web 頁面的設計模式，分別適合於不同設計喜好的設計人員：
1) Design模式：如圖6所示，它提供純頁面式的設計，頁面元素拖曳上去後就能夠馬上看到設計的效果，很適合那種不喜歡寫HTML程式碼的設計人員。
2) Source模式：如圖8所示，它提供純HTML程式碼方式的設計模式，這適合於那些對HTML 程式碼比較熟悉的設計人員。

圖8 選擇“Source”選項

3) Split模式：如圖9所示，它合併了上面兩種設計模式，讓你既能夠看頁面的設計效果又能夠看到頁面的HTML程式碼。

圖9 選擇“Split”選項