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

时间:2018-01-12 23:33:52

标签: razor visual-studio-code

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

3 个答案:

答案 0 :(得分:21)

您可以将它们作为HTML文件(文件 - >偏好设置 - >设置)引入,而不使用任何第三方扩展程序:

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

更新:v1.17.0的C# for Visual Studio Code附加组件添加了预览Razor(cshtml)语言服务,支持C#完成和诊断。

答案 1 :(得分:0)

有一个扩展,我们可以通过快捷方式在语言模式之间快速切换: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 仅使用格式化选择。

答案 2 :(得分:0)

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

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

有时需要重启 vscode

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