Visual Studio代码可以在razor .cshtml文件中使用Emmet完成

时间:2017-10-11 12:50:15

标签: razor visual-studio-code emmet

我使用Visual Studio Code(1.17.1,在MacOS 10.13和Windows 10上)使用razor模板开发asp.net核心mvc Web应用程序。 Visual Studio Code支持Emmet(https://code.visualstudio.com/docs/editor/emmet

我的问题是Emmet在HTML文件中正常工作,但在剃刀CSHTML文件中不起作用。

我发现:

  

要在默认情况下不可用的文件类型中启用Emmet缩写扩展,请使用emmet.includeLanguages设置。确保为映射的两侧使用语言ID。   https://code.visualstudio.com/docs/editor/emmet

但它并没有指明在哪里找到"语言ID"的列表。我试着搜索它,但你可以想象当你搜索编程语言id时会发生什么!

有没有办法告诉VS代码中的Emmet将cshtml文件视为html文件?有没有其他方法可以使这个工作(除了重命名文件,这是另一种解决方案)?

2 个答案:

答案 0 :(得分:37)

根据this link,* .cshtml文件的相应语言是 razor ,因此您需要在 emmet映射中指定它,如下所示:< / p>

"emmet.includeLanguages": { "razor": "html" }

答案 1 :(得分:0)

在vscode中> settings.json
我在上面添加了相关的代码提及。 emmet适用于cshtml文件。

 "emmet.includeLanguages": {
   "razor":"html",
   "aspnetcorerazor":"html"
  }