Question

任何人都有一个很好的解决方案来格式化VSCode内的Razor文件？我已经尝试使用prettify-vscode和美化它。但在这两种情况下都无法分辨出cshtml文件。我不想把我的剃刀改成html，因为我会失去很多剃刀。

Answer 1

您可以将它们作为HTML文件（文件 - ＆gt;偏好设置 - ＆gt;设置）引入，而不使用任何第三方扩展程序：

{
  "editor.formatOnSave": true,
  "emmet.includeLanguages": {
    "razor": "html"
  },
  "files.associations": {
    "*.cshtml": "html"
  }
}

更新：v1.17.0的C# for Visual Studio Code附加组件添加了预览Razor（cshtml）语言服务，支持C＃完成和诊断。

Answer 2

有一个扩展，我们可以通过快捷方式在语言模式之间快速切换：changeLanguageMode.change

我将这些快捷方式用于js，html和cshtml：

 {
    "key":"ctrl+k j", 
    "command":"changeLanguageMode.change", 
    "args": {
        "languageId":"javascript"
    }
},  
{
    "key":"ctrl+k h", 
    "command":"changeLanguageMode.change", 
    "args": {
        "languageId":"html"
    }
},  
{
    "key":"ctrl+k k", 
    "command":"changeLanguageMode.change", 
    "args": {
        "languageId":"aspnetcorerazor"
    }
}

要打开keybindings.json并添加以下快捷方式：

通过 CTRL + SHIFT + P 打开控制面板，然后选择Preferences: Open Keyboard Shortcuts File。

然后使用 Ctrl + K ， Ctrl + F 仅使用格式化选择。

Answer 3

首先：打开.vscode文件夹下的setting.json文件，然后添加下一个块：

{
"editor.formatOnSave": true,
"emmet.includeLanguages": {
    "razor": "html"
},
"files.associations": {
    "*.cshtml": "html"
}

有时需要重启 vscode

最后：在文件中格式化 Ctrl + k , Ctrl + f

在Visual Studio代码中格式化Razor文件

3 个答案: