用于通过CDN的Bootstrap的Visual Studio intellisense

时间:2014-06-18 23:14:51

标签: css visual-studio-2012 twitter-bootstrap-3 intellisense cdn

我已经通过Microsoft CDN安装了Bootstrap,如:

<head>
    ...
   <link href="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
   <link href="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    ...
    <script src="//ajax.aspnetcdn.com/ajax/bootstrap/3.1.1/bootstrap.min.js"></script>
</body>

使用Bootstrap一切正常,但Visual Studio并没有为我提供任何类型的intellisense。

例如,输入

<div class="(intellisense should open here)
什么都没有出现。

有没有办法从CDN获得智能感知?

8 个答案:

答案 0 :(得分:8)

如果您正在使用 ASP.NET Core 项目,请执行以下操作。 VS仅引用 wwwroot 文件夹中的文件。 您需要打开。 csproj 文件并添加以下代码段。

<ItemGroup>
  <None Include="node_modules/**" />
</ItemGroup>

此后,VS将从node_modules中获取智能信息。

答案 1 :(得分:6)

您可以为 javascript 添加对intelliSence的CDN引用,但 css 不受支持

Visual Studio 2013 options

你可以将文件添加到你的项目,它会起作用,你不需要添加一个引用到HTML,只是为了项目,它应该解决你的问题。

答案 2 :(得分:5)

您需要通过NuGet包安装bootstrap。 Intellisense将在此之后开始工作。

答案 3 :(得分:1)

打开 Visual Studio

进入扩展程序和更新,然后点击在线标签。

在搜索类型中引导程序

安装以下Pack以启用intellisense。在尝试插入代码段之前,请确保已拖动bootstrap.css(或bootstrap.min.css和js文件)。

  • Bootstrap Bundle
  • Bootstrap Snippet Pack

enter image description here

答案 4 :(得分:0)

TOOLS-&gt;选项 - &gt;文本编辑器 - &gt;特定语言 - &gt; IntelliSense

那应该让intellisense备份并运行,之前为我工作(想想这就是你要找的)

答案 5 :(得分:0)

我知道这种方式不完全是CDN,但它对我有用,你仍然可以让你的包最新

您可以使用Bower参考Bootstrap。

在package.json上你会得到:

{
  "version": "1.0.0",
  "name": "TaskAngularJSApp",
  "private": true,
  "devDependencies": {
    "grunt": "0.4.5",
    "grunt-contrib-uglify": "0.7.0",
    "grunt-contrib-watch": "0.6.1",
    "bower": "1.7.3"
  }
}

然后你有bower.json文件,如:

{
    "name": "ASP.NET",
    "private": true,
    "dependencies": {
        "bootstrap": "*"
    }
}

然后在你的html上你会引用像

这样的引导程序
    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" />
    <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script>

我得到了以下帮助: using grunt bower gulp npm with visual studio 2015 for a asp-net-4-5-project

Released Today: Visual Studio 2015, ASP.NET 4.6, ASP.NET 5 & EF 7 Previews - 在“HTML编辑器更新”部分

答案 6 :(得分:0)

Content文件夹中复制bootstrap.css

答案 7 :(得分:0)

我刚刚安装了bootstrap nuget