練習 - 探索 Visual Studio Code 使用者介面
Visual Studio Code 為剛起步的開發人員提供工具,但對於專業開發人員而言也是可延伸且足夠進階的工具。
在此練習中,您會開啟 Visual Studio Code 並完成使用者介面的快速導覽。
開啟 Visual Studio Code 並檢查歡迎頁面
使用 Windows [開始] 選單開啟 Visual Studio Code。
如果您開啟 Windows [開始] 功能表,您應該會看到 Visual Studio Code 列為最近新增的應用程式。 您也可以向下卷動以尋找 Visual Studio Code。
另一個選項是在畫面底部的啟動匣的 Windows 搜尋方塊中輸入 Visual Studio Code。
請注意,Visual Studio Code 會開啟 [歡迎] 頁面,其中包含一些連結和其他資訊。
第一次開啟Visual StudioCode時,歡迎頁面會顯示一些實用的逐步解說,例如 開始使用 VS Code 內容。 您可以另一次在閒暇時檢查這項資訊。
若要關閉 [歡迎使用] 頁面,請選取 [關閉] 按鈕(在介面中顯示為 X )。
編輯器開啟的每個頁面都包含位於頁面標題右側的[關閉] 按鈕 (X)。 [歡迎] 頁面索引標籤會顯示在 Visual Studio Code 視窗左上方的 [主選單] 下方。 如果您將滑鼠指標停留在 X 上方,則會出現 Close 一字。
檢查活動列與側邊欄
請注意,活動列右邊的側邊列已折疊。
您可能還記得 活動列 是 Visual Studio Code 視窗最左邊的圖示垂直清單。 側邊列的內容取決於目前從活動列選取的內容。
將滑鼠指標放在 活動列上,然後將滑鼠指標暫留在每個圖示上以顯示標籤。
當您將滑鼠停留在圖示上方時,會出現標籤。 您應該會看到下圖所示的活動列按鈕:

從上到下,活動列圖示包括: Explorer、 搜尋、 原始檔控制、 執行和偵錯、 延伸模組、 帳戶及 管理。
在 [ 活動列] 上,選取 [ 檔案瀏覽器]。
側邊列應該開啟並顯示內容資訊。
請注意, 側邊列 現在標示為 EXPLORER。
EXPLORER 檢視可用來存取/探索專案資料夾和程式代碼檔案。
Visual Studio Code 會記住您的工作歷程記錄,並在開啟時開啟最新的項目檔。 因為這是您第一次開啟 Visual Studio Code,因此不會開啟任何項目資料夾。
在 [活動列] 上,選取 [擴充功能]。
請注意, 側邊列 現在標示為 EXTENSIONS。
花點時間查看擴充功能檢視中顯示的資訊。
Visual Studio Code 延伸模組可讓您將程式代碼語言、調試程式和其他工具新增至環境,以支援您的開發工作流程。 您稍後將在本課程模組中安裝 C# 擴充功能。
在 [ 活動列] 上,若要關閉 [ 擴充 功能] 側邊列,請選取 [ 擴充功能]。
檢查頂端功能表選項
若要檢視 [檔案] 功能表選項,請選取 [ 檔案]。
請注意[檔案] 功能表上所列的 [新增]、[開啟]、[儲存] 和 [關閉] 選項。
花一分鐘檢查 [編輯 ] 功能表選項,然後檢查其他最上層功能表項。
請注意,有數個功能表包含與程式代碼互動的選項。
例如:
- [編輯] 功能表包含尋找、取代和切換程式碼註解的選項,以及標準剪下、複製、貼上、復原和重做。
- [選取] 選單包含選取和編輯程式碼行的選項。
- [執行] 選單包含執行和偵錯應用程式的選項。
在 [終端機] 功能表上,選取 [新增終端機]。
花點時間檢查終端機面板的內容。
您可以在索引標籤之間切換 [問題]、[輸出]、[偵錯控制台] 和 [終端機],並將滑鼠指標停留在按鈕上方(右上方),以顯示按鈕標籤。
請注意,終端機面板包含命令提示字元。
終端機面板可用來執行命令行介面 (CLI) 命令。 您稍後將在本課程模組中使用 .NET CLI 命令。
在 [終端機] 面板右上角,選取 [X ][關閉面板]。
在 [ 檢視] 功能表上,選取 [命令選擇區]
命令選擇區可用來尋找並執行各種有用的命令。 您現在沒有時間(或需要)詳細檢查它們,但最好知道在哪裡找到命令選擇區。
在命令選擇區提示字元中,輸入 擴充功能
請注意,命令清單會根據您的輸入進行篩選。
若要更新篩選的命令清單,請將 延伸模組 變更為 協助
從命令選項清單中,選取 [說明:互動式編輯器遊樂場]。
在編輯器中開啟的編輯器遊樂場檔包含互動式活動清單。
從互動式活動的點符清單中,選取 [ 格式化]。
花一分鐘的時間閱讀格式化選項。
當您深入瞭解 C# 程式設計時,您將會在活動期間使用程式代碼格式設定命令。
關閉編輯器試驗場檔案。
這可完成 Visual Studio Code 使用者介面導覽。 開始撰寫程式代碼之後,訓練教材會繼續指出Visual StudioCode可協助您提高生產力的方式。