web-dev-qa-db-ja.com

Visual Studio intellisense for Bootstrap via CDN

私はBootstrapをMicrosoft CDN経由でインストールしました:

<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はクラスにいかなる種類のインテリセンスも提供していません。

たとえば、次のように入力します

<div class="(intellisense should open here)

何も起こりません。

CDNからインテリセンスを取得する方法はありますか?

17
Scottie

javascriptのintelliSenceにCDN参照を追加できますが、cssはサポートされていません

Visual Studio 2013 options

あなたはプロジェクトにファイルを追加するすることができ、それは機能します。htmlにrefを追加する必要はありません。プロジェクトするだけで問題を解決するはずです。

7
Samuel Pinto

ASP.NET Coreプロジェクトで作業している場合は、次のようにします。 VSはwwwrootフォルダー内のファイルのみを参照します。 .csprojファイルを開き、次のコードセグメントを追加する必要があります。

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

その後、VSはnode_modulesからIntellicenを取得します。

19
shana

bootstrapをNuGetパッケージからインストールする必要があります。その後Intellisenseが動作し始めます。

5
mjdev

開くVisual Studio

Extensions and Updatesに移動し、Onlineタブをクリックします。

検索タイプBootstrap

以下のパックをインストールして、インテリセンスを有効にします。スニペットを挿入する前に、bootstrap.css(またはbootstrap.min.cssとjsファイル)をドラッグしたことを確認してください。

  • ブートストラップバンドル
  • ブートストラップスニペットパック

enter image description here

1
vibs2006

ツール->オプション->テキストエディター->特定の言語-> IntelliSense

これで、IntelliSenseが再び稼働し、以前は機能していました(これがあなたが探しているものだと考えてください)。

0
user4157770

Contentフォルダにコピーbootstrap.css

0
Tonatio

bootstrap nugetをインストールしました

0
Mocas

私はこの方法が正確に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でbootstrapのように参照します

    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css" />
    <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script>

私は以下から助けを得ました asp-net-4-5-projectのVisual Studio 2015でgrunt bower gulp npmを使用

そして

本日リリース:Visual Studio 2015、ASP.NET 4.6、ASP.NET 5&EF 7プレビュー -「HTMLエディターの更新」セクション

0
Divi perdomo