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

2020-06-10

習慣使用 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

參考資料