wake-up-neo.com

Visual Studio Intellisense für Bootstrap über CDN

Ich habe Bootstrap über das Microsoft CDN installiert:

<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>

und 

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

Mit Bootstrap funktioniert alles einwandfrei, jedoch gibt mir Visual Studio keinerlei Verständnis für die Klassen.

Zum Beispiel eingeben 

<div class="(intellisense should open here)

nichts kommt auf.

Gibt es eine Möglichkeit, aus dem CDN Intellisense zu bekommen?

cssvisual-studio-2012twitter-bootstrap-3intellisensecdn
14
Scottie

Sie können für javascript CDN-Verweise zu intelliSence hinzufügen. css wird nicht unterstützt.

Visual Studio 2013 options

Sie können die Datei zu Ihrem Projekt hinzufügen und es wird funktionieren, Sie müssen keinen Ref zu html hinzufügen, nur um zu projizieren, und es sollte Ihr Problem beheben.

5
Samuel Pinto

Sie müssen Bootstrap über die NuGet-Pakete installieren. Intellisense wird danach arbeiten.

5
mjdev

Wenn Sie mit ASP.NET Core project arbeiten, gehen Sie wie folgt vor. VS referenziert nur Dateien im Ordner wwwroot . Sie müssen die Datei . csproj öffnen und das folgende Codesegment hinzufügen.

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

Danach wird VS Intellicen von node_modules aufnehmen.

4
shana

Öffnen Sie Visual Studio

Gehen Sie in Erweiterungen und Updates und klicken Sie dann auf Online Tab.

In der Suche geben Sie Bootstrap ein.

Installieren Sie die folgenden Pakete, um Intellisense zu aktivieren. Stellen Sie sicher, dass Sie bootstrap.css (oder die Datei bootstrap.min.css und js) gezogen haben, bevor Sie versuchen, ein Snippet einzufügen.

  • Bootstrap-Bundle 
  • Bootstrap Snippet Pack

 enter image description here

1
vibs2006

TOOLS-> Optionen-> Texteditor-> die spezifische Sprache -> IntelliSense

Das sollte die Intelligenz wieder zum Laufen bringen, zuvor für mich gearbeitet (denke, das ist, wonach du suchst)

0
user4157770

Kopieren Sie im Ordner Content den Code bootstrap.css.

0
Tonatio

Ich habe gerade das Bootstrap-Nuget installiert

0
Mocas

Ich weiß, dass dieser Weg nicht genau CDN ist, aber es hat für mich funktioniert und Sie können Ihre Pakete trotzdem auf dem neuesten Stand halten

Sie können Bootstrap mithilfe von Bower referenzieren.

Auf der package.json hätten Sie:

{
  "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"
  }
}

Dann haben Sie eine bower.json-Datei wie:

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

Dann würden Sie auf Ihre HTML-Datei wie Bootstrap verweisen 

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

Ich bekam Hilfe von: benutze grunt bower schlucke npm mit visual studio 2015 für ein asp-net-4-5-projekt

und 

Heute veröffentlicht: Visual Studio 2015, ASP.NET 4.6, ASP.NET 5 & EF 7 Previews - Im Abschnitt "HTML Editor-Updates"

0
Divi perdomo