为什么我没有得到 .css 智能感知答案

【问题标题】：Why am I not getting .css intellisense为什么我没有得到 .css 智能感知
【发布时间】：2013-04-11 00:38:06
【问题描述】：

问题：为什么我在 Durandal ~/App/Views/###.html 页面中编码 HTML 时没有得到 .css 智能感知。

重建步骤： 在 Visual Studio Professional 2012 中，我开始了一个“空”的 ASP.NET Web 应用程序，并将 Microsoft ASP.NET Web Optimization Framework 1.0.0 Nuget 包添加到我的解决方案中。我还包括了Durandal 1.2.0 和Bootstrap 2.3.1。

将上述引用添加到我的应用程序后，我已将shell.html 页面添加到~/App/ 文件夹中，该文件夹是在Nuget 安装Durandal 包时生成的。

作为旁注，一旦我调试了应用程序，.css 文件就可以正常工作。我的~/Content/ 文件夹中有多个.css 文件，包括Bootstrap.css 文件（与Bootstrap 2.3.1（如上所述）一起安装）和~/App_Start/BundleConfig.cs，它们在运行时引用和使用.css 文件.

最后，当我浏览 PluralSight Single Page Apps JumpStart 教程并进入 Coding the Shell with Durandal.js 部分时，我们清楚地看到我/我们应该获得智能感知，但我没有。

谢谢。

更新： 我刚刚被告知“the issue has been routed to the Visual Studio Product Team for triage and resolution.”

【问题讨论】：

您是否解决了这个问题，因为我还没有找到解决方案？我是您在上面的“P.S”句子中提到的那个人。
这仍然没有解决。但是，我会重申您的问题是相似的，但是我将删除“P.S. 这个stackoverflow question 与我的相似，但是没有答案。”从我最初的帖子中发表评论，因为这个问题太不相似了。你的问题是关于 MVC 中的 CSS 而我的问题是特定于 CSS intellisense 没有显示在 Durandal `~/App/Views/###.html 页面中，就像我在我的 OP 中引用的 Pluralsight.com 视频中那样。跨度>
我在学习您提到的 SPA JumpStart 课程时遇到了同样的问题。我问作者（@John_Papa）为什么会这样，他回答说“ReSharper”。 jetbrains.com/resharper 因此，可能需要该工具来获得我们希望通过这种项目结构获得的 VS 智能感知。
将bootstrap.css 放在名为“Content”的文件夹中为我解决了这个问题。
我现在在 Visual Studio 2013 Ultimate 中，所以我无法测试。感谢您的回复@Ian Chu Te，也许它会对使用 2012 或其他方式的人有所帮助。

标签： asp.net intellisense single-page-application durandal hottowel

【解决方案1】：

CSS 应该可以在 VS 2012 中使用。我也总是安装 Web Essentials，因为它非常有帮助（它就像一个版本之间 VS 功能的孵化器）

对于 JavaScript 智能感知...当使用 require.js 时，更难得到它。我发现最好的方法是使用 Resharper 的 VS 插件。它给了我对 JavaScript 的智能感知，即使在使用 require.js 时也是如此。

【讨论】：

FWIW，我有 VS 2012.3，在创建 div 时我也没有获得引导 CSS 名称的智能感知。我刚刚安装了 2012 年的 Web Essentials (vswebessentials.com/download)，但重启后仍然无法使用。看起来如果我不能没有 js/css 的智能感知，我会选择 ReSharper。很棒的课程，谢谢约翰！
我也很感激并始终安装并享受 Web Essentials 下载的好处，但是它并不能解决上述问题。 Resharper 也是一个很棒的工具，但这个问题集中在 .cshtml 文件中的 CSS 智能感知。我在想（基于您在 .cshtml 中有 CSS intellisense 的事实）这个问题可能会由不同的软件包为您解决？
旁注：我的 Web Essentials 安装是最新的。

【解决方案2】：

我通过在 Site.Master 中添加显式 bootstrap.css 引用解决了这个问题（我在我的应用程序中使用母版页）

<head runat="server">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%: Page.Title %> - My ASP.NET Application</title>

    <asp:PlaceHolder runat="server">
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>
    <webopt:bundlereference runat="server" path="~/Content/css" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="Content/bootstrap.css" rel="stylesheet" />

</head>

【讨论】：