11

VS2012的一大优点是当我编辑 HTML（或 .cshtml）文件时，它提供了很好的智能感知。

当我开始输入时：

<a href="

编辑器将打开一个带有“Pick URL...”的提示和一个基于文件当前目录的可能选项列表。

选择网址示例

^ 视觉工作室 2012

此外，在 VS2012 中，编辑器会检测到任何引用的 CSS 文件，如下所示：

<link rel="stylesheet" type="text/css" href="bootstrap.css" />

并提供该文件内所有 CSS 类的自动完成功能。

所以如果我输入：

<div class="

系统会自动提示我所有 Bootstrap3 类。像这样：

CSS 类智能感知

^ 视觉工作室 2012

但是在VS2013中，这两个功能似乎都缺失了。

现在，当我查找 CSS 类时，我只会得到我已经在文件中使用过的类：

VS2013 CSS补全

^ 视觉工作室 2013

根据 Microsoft 的文章Visual Studio 2013 Preview中的HTML 编辑功能和 Visual Studio 2013 RC 中的 HTML 编辑功能，这些问题似乎已被触及，但更多的是针对 VS2013 的 Release Candidate 或 beta 版本。我正在使用 VS2013 Ultimate 12.0.21005.1 REL 以及我知道的所有最新更新。

为什么 VS2013 不检测 CSS 文件以进行类自动完成，并且在编写时不提示我输入 URL href=？

4

7 回答 7

13

除非样式嵌入页面本身，否则 Html 编辑器不会为我显示 css intellisense。对我有用的是使用 Html 表单编辑器打开 html 文件。右键单击文件并选择打开方式，然后选择 Html 表单编辑器。这适用于 Visual Studio 2013 社区版。

于 2015-02-02T18:37:01.360 回答
7

这是Visual Studio 2012 和 Visual Studio 2013 之间的变化。

以前，只需在 Visual Studio 2012 中打开一个文件（不是解决方案，只是一个 HTML 文件）并使用

<link rel="stylesheet" href="bootstrap.css" />

在 HTML 文件中意味着 Visual Studio 将读取 CSS 文件内部并提供 CSS 类智能感知。微软放弃了这种方法，因为：

在动态包含文件或使用 ASP.NET 捆绑和缩小的情况下，它无法工作

[资源]

在 Visual Studio 2013 中，项目/解决方案中包含的 CSS 文件现在将被自动解析，所有 HTML 文档都将获得 CSS 类智能感知。

于 2014-02-05T08:03:24.770 回答
5

在智能感知运行良好几周后，我遇到了与 OP 相同的问题。使用 NuGet 卸载和重新安装包并没有解决它。

从项目中删除bin和obj目录并从解决方案目录中删除.suo文件来解决它。

于 2014-07-29T10:35:29.147 回答
3

当我在 Visual Studio 2013 中创建 Web 应用程序时，这也发生在我身上，VS 在标题中自动创建了此代码，但智能感知肯定不适用于 css 类。

<webopt:bundlereference runat="server" path="~/Content/css" />

我所做的只是将我所有的 css 手动一一链接，并且可能在开发后将它们删除。

<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/Site.css" rel="stylesheet" /

它确实成功了，但我希望他们能在下一次更新中修复。

于 2014-08-07T04:56:20.163 回答
2

正如罗文弗里曼所写：

在 Visual Studio 2013 中，项目/解决方案中包含的 CSS 文件现在将被自动解析，所有 HTML 文档都将获得 CSS 类智能感知。

但：

使用旧版编辑器的 ASPX 和其他 WebForm 文件不会从 VS 2013 中的此实现中受益，但可能会在未来版本中采用新系统。

但是您仍然可以按如下方式使用此功能：

  1. 右键单击解决方案资源管理器中的“default.aspx”文件
  2. “打开用”
  3. 选择“HTML 编辑器”
  4. “好的”
于 2014-05-21T09:43:34.187 回答
2

我有同样的问题。

我有一个包含引导链接的母版页 -

<link href="../css/bootstrap.css" rel="stylesheet" />

它以前工作过，这就是为什么这令人费解，此外，该网站成功地使用了引导 CSS - 它只是智能感知功能不起作用。

我打开使用母版页的页面，然后单击查看，然后单击管理样式。它显示了 bootstrap.css，旁边有一个警告标志。当我将鼠标悬停在它上面时，它说它找不到../css/bootstrap.css。

因此，为了解决这个问题，我将主页面中的链接更改为使用波浪号而不是句点：

<link href="~/css/bootstrap.css" rel="stylesheet" />

现在所有引导 CSS 项目都出现在管理样式中，并且我的智能感知正在工作。

于 2013-12-16T12:09:15.570 回答
0

上面为 VS2012 确定的解决方案将稍有变化。您必须在样式表的 css 参考中包含这样的文件夹。添加此内容并保存页面后，智能感知将起作用。这不是正确的解决方案，只是解决捆绑问题。

于 2014-09-16T20:27:06.553 回答