【问题标题】:Bootstrap Intellisense Missing Visual Studio 2015Bootstrap Intellisense 缺少 Visual Studio 2015
【发布时间】:2015-10-27 15:17:46
【问题描述】:

我这周安装了 Visual Studio 2015。但是我发现我的 Razor Views 中没有智能感知。

在 Visual Studio 2013 中,它运行良好。

我所有的 css 文件都在 ~/Content/css/ (*.min.css) 下,包括引导程序。

这是捆绑配置:

bundles.Add(new StyleBundle("~/Content/smartadmin").IncludeDirectory("~/Content/css", "*.min.css"));

当我尝试在我的 razor 视图中使用一些引导 css 时,自动完成框中没有弹出任何内容。引导类旁边应该有一个紫色图标,对吧..? bootstrap 包下没有列出任何图标和 css 类。

我进行了完整性检查并创建了一个新的 MVC 5 应用程序。这与引导程序一起提供。这行得通,所有的智能感知都在那里。

我该如何解决这个问题?当然这一定是我的解决方案有问题吗?它不喜欢 css 文件位于 content 下的子文件夹下吗?

更新:所以我复制了文件的未缩小版本,然后它被拾取了。那么有人知道为什么 VS 不为智能感知提取缩小文件的原因吗?

【问题讨论】:

  • 可能还值得一提的是尝试一个新创建的页面,看看智能感知是否在其中工作。如果是,那么可能是页面结构出了问题,需要重新构建页面。

标签: css twitter-bootstrap razor visual-studio-2015 smartadmin


【解决方案1】:

似乎解决方案是将非缩小文件添加到您的解决方案中,以便智能感知工作。我认为这是由于 Microsoft 将缩小器拆分为单独的扩展。

【讨论】:

    【解决方案2】:

    如果您的项目类型是 ASP.NET Web 应用程序并且您正在使用“母版页”,则简单的解决方法是在母版页中添加指向 css 文件的链接。例如,在母版页的“head”部分中,我添加:

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

    【讨论】:

    • 在所有解决方案中,这是唯一一个对我有用的解决方案。
    【解决方案3】:

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

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

    在解决方案资源管理器中右键单击default.aspx 文件 open with 选择HTML Editor ok

    【讨论】:

    • 这不适用于 ASPX 和 WebForm 文件,这是用于 MVC Razor .cshtml 文件
    【解决方案4】:

    如果有人来到这里并且接受的解决方案不起作用。

    在我的情况下,我必须从解决方案中删除数据库项目 (.sqlproj) 才能使 Bootstrap css 类智能感知工作。

    删除数据库项目,然后重新启动 Visual Studio。

    并且要清楚。这不是一个好的解决方案,因为删除数据库项目不是您想要的。所以,希望有人能找到解决这个奇怪错误的好方法。

    【讨论】:

    • 太奇怪了,我遇到这个问题的时候根本没有数据库项目。当他们开始弄乱缩小器时,一切都走下坡路了
    • 这里发生了同样的事情,删除数据库项目修复了它。我不知道这到底是怎么发生的。我使用导入函数创建了数据库架构。
    • 我无法解释原因,但就我而言,从解决方案中删除 SQL Server 项目也解决了这个问题。现在我运行了两个 VS2015 实例。一个用于 model-persistence-web api,另一个用于 web angular 和移动应用程序客户端项目。
    • 天哪,这对我有用。那太蹩脚了。我刚刚在数据库项目上点击卸载,引导智能感知开始工作。 wtf.
    【解决方案5】:

    在我的情况下,智能感知不起作用,因为引导文件的路径已更改,然后文件不包含在项目中。

    将文件添加到项目后工作正常。

    我知道...这是一个简单的解决方案。对不起!

    【讨论】:

      【解决方案6】:

      我通过确保所有实际脚本都到位且井井有条来实现它。

      <script src="Scripts/jquery-3.2.1.js"></script>
      <script src="Scripts/bootstrap.js"></script>
      <script src="Scripts/angular.js"></script>
      
      <link href="Content/bootstrap-theme.css" rel="stylesheet" />
      <link href="Content/bootstrap.css" rel="stylesheet" />
      

      之后我关闭了 Visual Studio 解决方案并重新打开它。Intelli-sense 之后开始为引导工作。

      【讨论】:

        【解决方案7】:

        什么对我有用:链接到完整的引导 css,关闭视图,重建解决方案,打开视图。智能感知工作。更改为缩小的 css,关闭视图,重建,打开视图。智能感知仍在工作。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2016-10-28
          • 1970-01-01
          • 1970-01-01
          • 2015-10-13
          • 2019-03-16
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多