web-dev-qa-db-fra.com

Visual Studio intellisense pour Bootstrap via CDN

J'ai installé Bootstrap via le CDN de Microsoft comme:

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

et 

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

Tout fonctionne bien avec Bootstrap, cependant, Visual Studio ne me donne aucun type d’intellisense pour les classes.

Par exemple, en tapant 

<div class="(intellisense should open here)

rien ne monte.

Y a-t-il un moyen d'obtenir intellisense du CDN?

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

Vous pouvez ajouter des références CDN à intelliSence pour javascript. Toutefois,css n'est pas pris en charge .

Visual Studio 2013 options

Vous pouvez ajouter le fichier à votre projet et cela fonctionnera, vous n’aurez pas besoin d’ajouter une référence au format HTML, mais uniquement pour projeter et cela devrait résoudre votre problème.

5
Samuel Pinto

Vous devez installer bootstrap via les packages NuGet. Intellisense commencera à fonctionner après cela.

5
mjdev

Si vous travaillez avec ASP.NET Core project, procédez comme suit. VS ne fait que référencer des fichiers dans le dossier wwwroot . Vous devez ouvrir le fichier . csproj et ajouter le segment de code suivant.

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

Après cela, VS récupèrera intellicen de node_modules.

4
shana

Ouvrir Visual Studio

Allez dans Extensions and Updates puis cliquez sur Online Tab.

Dans Recherche, tapez Bootstrap.

Installez les packs suivants pour activer intellisense. Assurez-vous que vous avez fait glisser le fichier bootstrap.css (ou le fichier bootstrap.min.css et js) avant d'essayer d'insérer un extrait de code.

  • Lot d'amorçage 
  • Pack d'extraits de bootstrap

 enter image description here

1
vibs2006

OUTILS-> Options-> Editeur de texte-> la langue spécifique -> IntelliSense

Cela devrait remettre l’intellisense en état de marche, il a déjà fonctionné pour moi (pensez à ce que vous recherchez)

0
user4157770

Dans le dossier Content, copiez bootstrap.css.

0
Tonatio

Je viens d'installer la pépite d'amorçage

0
Mocas

Je sais que ce n'est pas exactement CDN, mais cela a fonctionné pour moi et vous pouvez toujours garder vos paquets à jour

Vous pouvez référencer Bootstrap en utilisant Bower.

Sur le package.json vous auriez:

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

Ensuite, vous avez le fichier bower.json comme:

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

Ensuite, sur votre code HTML, vous feriez référence à bootstrap comme 

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

J'ai eu de l'aide de: en utilisant Grunt Bower Gulp NPM avec Visual Studio 2015 pour un projet asp-net-4-5-project

et 

Publié aujourd'hui: Aperçus de Visual Studio 2015, ASP.NET 4.6, ASP.NET 5 et EF 7 - Dans la section "Mises à jour de l'éditeur HTML"

0
Divi perdomo