【譯】Visual Studio 的 Razor 編輯器的改進

MeteorSeed發表於2021-03-09

  自從我們在一個通用的 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/

 

相關文章