自從我們在一個通用的 Razor 語言服務器上發布了 Visual Studio 的一個新的實驗性 Razor 編輯器的第一個預覽版以來,已經過去了6個月,現在是時候更新一下我們的進展了。團隊一直在努力使新的 Razor 編輯器達到與舊的同等水平,修復 bug,並添加許多很棒的新功能。我們認為新的編輯器已經為日常開發做好了准備,所以現在是時候用最新的 Visual Studio 預覽版來嘗試一下了。我們希望你能嘗試新的 Razor 編輯器,並與我們分享你的體驗!
讓我們開始吧
要開始使用新的 Razor 編輯器:
1. 安裝最新版 Visual Studio preview (16.9 Preview 3)(可以安全地同時安裝 Visual Studio 預覽版和 Visual Studio 穩定版)
2. 選擇 Tools > Options > Environment > Preview Features 並勾選 Enable experimental Razor editor 選項:
當你打開新的 Razor 編輯器時,你可能會發現它已經打開了。從 Visual Studio 16.9 Preview 3開始,我們慢慢向不同的用戶群推廣新的 Razor 編輯器。如果您之前嘗試過新的編輯器,然后將其關閉,那么就不會成為自動展示的一部分,您需要手動重新啟用它,以查看我們所取得的所有進展。新編輯器的許多已知問題現在已經修復,所以如果您在早期版本中遇到了阻塞問題,那么值得再試一次。
新的變化
除了致力於 Razor 編輯器的基本體驗(自動完成、診斷、工具提示、語法着色等),團隊還為新的 Razor 編輯器添加了一系列新特性。基於新的基於語言服務器協議(LSP,Language Server Protocol)的架構使得這些特性中的許多變得可能或更容易實現。
改進格式化
新的 Razor 編輯器有一個改進后的格式引擎,它比舊的更加保守(首先,不要造成破壞!),並且在處理代碼方面也更加聰明。
我們致力於修復 Razor 的格式化,這樣你就會對新的編輯器微笑,所以如果你點遇到格式化問題,請告訴我們,我們一定會解決它們。
C# 代碼的行為
一些 C# 代碼行為現在可以在 Razor 文件中使用:
-
-
-
添加@using指令或完全限定類型名
-
-
-
-
- 添加 null 檢查
-
新的 Razor 編輯器的設計使啟用 C# 代碼行為變得更加容易,我們希望在未來的版本中啟用更多。
已關閉文件的重命名
重命名不再局限於打開 Razor 文件。關閉的 Razor 文件中的名字也會得到更新。
重命名 Blazor 組件
現在可以從 Blazor 組件的標記重命名它。組件 Razor 文件將被自動重命名。
組件的代碼行為
幾個組件特定的代碼操作現在也可用:
-
-
-
從未知標簽創建組件
-
-
-
-
- 將 @code 提取到代碼后置
-
添加@using或完全限定名
轉到組件定義
需要快速查看組件的代碼嗎?只要按下 F12 就可以了!
使用 LiveShare 編輯 Razor
新的 Razor 編輯器也可以與 LiveShare 一起工作,所以即使在遠程會話中使用 Razor,你也可以獲得所有新的 Razor 編輯功能。
在 Visual Studio Code 中使用新的 Razor 編輯器
因為新的 Razor 編輯器基於可重用的 Razor 語言服務器,新的 Razor 編輯器及其新特性也可以從安裝了 C# 擴展的 Visual Studio Code 中獲得。
Mac 版的 Visual Studio 怎么樣?Visual Studio for Mac 目前還不支持LSP,但是一旦它支持了,我們就會在 Visual Studio for Mac 中加入新的 Razor 編輯器。
Razor 語法着色改進
我們還在新編輯器中對 Razor 語法着色進行了一些改進,希望得到你們的反饋。如果你還沒有參加以下的調查,請花點時間與我們分享你的意見。
已知問題
新 Razor 編輯器的這個版本仍然有一些已知的問題:
-
-
-
Razor 語法着色缺陷。Razor 語法着色有時需要編輯來觸發,或者在某些情況下可能使用不正確的顏色。
-
沒有代碼片段完成。新編輯器還不支持 Snippet completion(如prop)。
-
有限覆蓋完成。方法重寫完成將只生成方法名,而不生成完整的方法簽名。
-
-
這些問題都正在解決,並將在未來的版本中解決。
反饋
如果你在新編輯器中遇到問題,最好的方法是使用 Visual Studio 中的 Send Feedback > Report a Problem 功能。
除了您提供的信息外,提交的問題將自動包含我們診斷和解決問題所需的所有相關日志。
我們希望您喜歡新的 Razor 編輯器。感謝您試用新的 Razor 編輯器,並與我們分享您的反饋!
原文鏈接
https://devblogs.microsoft.com/aspnet/improvements-to-the-new-razor-editor-in-visual-studio/