Visual Studio Setup for ASP.NET MVC (編輯環境設定)
2020-06-10
習慣使用 Visual Studio Code 的 keyboard binding,但在開發 ASP.NET MVC 時,VisualStudio 提供的偵錯、定義檢視、EntityFramework 等功能,仍讓使用 Visual Studio 不可避免。而只要安裝適合的套件與調整設定,也能夠讓 VisualStudio 的開發更為流暢。
安裝的套件 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
可以 內建的 編輯.前往所有 取代。
Add New File
快速在當下檔案路徑新增檔案、子資料夾 Shift + F2
。
編輯實用的操作技巧
編輯介面操作
- 編輯.前往所有(可以搜尋檔名、類別) :
Ctrl + T
或Ctrl + ,
- 啟動方案總管 :
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