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

Question

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

Answer 1

您可以将它们作为HTML文件（文件 - >首选项 - >设置）引入，不带任何第三方扩展：

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

更新：C# for Visual Studio Code附加组件v1.17.0添加了预览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仅格式化选择。