Visual Studio Setup for ASP.NET MVC (編輯環境設定)


  1. 安裝的套件 Extensions Installed
    1. CodeMaid
    2. ZenCoding
    3. Select Next Occurrence
    4. Color Themes for Visual Studio
    5. Color Themes Editor for Visual Studio 2019
    6. Open File In Solution
    7. Add New File
  2. 編輯實用的操作技巧
    1. 編輯介面操作
    2. 設定自動換行
    3. 檢視 Class 定義
    4. 切換 Controller / View
    5. 編譯與偵錯 (Compile and debug)
  3. 參考資料

習慣使用 Visual Studio Code 的 keyboard binding,但在開發 ASP.NET MVC 時,VisualStudio 提供的偵錯、定義檢視、EntityFramework 等功能,仍讓使用 Visual Studio 不可避免。而只要安裝適合的套件與調整設定,也能夠讓 VisualStudio 的開發更為流暢。

logo

安裝的套件 Extensions Installed

Web Essentials 尋找可以加入的 Extensions 。

CodeMaid

程式碼排版管理。

  • 排版目前的檔案 : Ctrl + M, Space

ZenCoding

讓 VS 在 html, cshtml 檔案中支援 emmet。

Select Next Occurrence

讓編輯器一定要具備的多重選取 (Multiple Choise) 功能也能夠在 Visual Studio 上使用。

需要到快捷鍵中設定以下對應,讓套件的功能完全釋放:

  • SelectAllOccurrences : 同樣字串全部選取 : Alt + Shift + D
  • SelectNextOccurrence : 選取下一個相同字串的位置 : Alt + D

Color Themes for Visual Studio

讓 Visual Studio 能夠選擇更多的編輯器主題色,目前使用 Material Dark

Color Themes Editor for Visual Studio 2019

Color Themes for Visual Studio 套件的前置需求套件。

Open File In Solution

快速開啟專案內的檔案,需要自行定義熱鍵:工具.OpenFileInSolution 設定為 Alt + Shift + O

可以 內建的 編輯.前往所有 取代。

Marketplace Link

Add New File

快速在當下檔案路徑新增檔案、子資料夾 Shift + F2

Marketplace Link

編輯實用的操作技巧

編輯介面操作

  • 編輯.前往所有(可以搜尋檔名、類別) : Ctrl + TCtrl + ,
  • 啟動方案總管 : Ctrl + Alt + L
  • 回到程式碼編輯 : F7
  • 移動到指定行號 : Ctrl + G
  • 全螢幕 : Shift + Alt + Enter
  • 視窗.關閉文件視窗 : 由預設 Ctrl + F4 調整為 Ctrl + W
  • Queue 剪貼簿 Ctrl + Shift + V
  • 檢視.C#互動 : 新增鍵盤設定 Alt + C

設定自動換行

Visual Studio 程式碼如何自動換行 (Word Wrap)

檢視 Class 定義

  • 查詢 MSDN 文件 : Cursor 停留在程式碼上 F1
  • 移動至定義 : F12
  • 關閉定義選擇 : Shift + Esc
  • 定義檢視面板 : Alt + F12
  • 類別檢視 : Ctrl + Alt + C

切換 Controller / View

  • 相互切換 : Ctrl + M, Ctrl + G

編譯與偵錯 (Compile and debug)

  • 偵錯 : F5
  • 啟動但不偵錯 : Ctrl + F5
  • 設定停留點 : F9
  • 偵錯中逐步執行 : F10
  • 編譯 : Ctrl + B

參考資料