Webstorm de complétion de code ne montre pas de classes de bootstrap

Que dois-je changer dans ma webstorm IDE que le bootstrap classes sont comptabilisés lorsque je fais:

<a class="btn btn-primary" />

Pour le moment j'ai toujours à re-vérifier les noms de classe en se regardant dans le bootstrap, fichiers css. Ce n'est pas tellement belle...

Il devrait être automatiquement trouver les classes pour vous à mesure que vous tapez... en Supposant que vous n'êtes pas un copier/coller, vous devriez être en mesure d'avoir webstorm vous donner un aperçu rapide de classes disponibles.
avez-vous résolu ce problème ? je ne peux pas obtenir les classes de Bootstrap pour l'autocomplétion.

OriginalL'auteur Pascal | 2014-07-13

-1

Assurez-vous qu'il est allumé. Effectuez les opérations suivantes dans WebStorm:
```
File | Settings | IDE Settings | Editor - Code Completion
```
Ou:
```
File | Settings | Type in the search bar "code completion"
```
La deuxième option, vous mènera directement à la complétion de code options si, dans certains cas, vous ne pourriez pas trouver par le biais de la première manière.

Plus d'informations peuvent être trouvées ici

ajouter l'auto-complétion de paramètres sont sur.. mais webstorm toujours pas ce qui suggère pour les classes de bootstrap.. mais seulement pour une des balises html.. une idée ?
Êtes-vous le référencement de vos fichiers d'Amorçage correctement?
signifie? peut vous donner des précisions.. comment consulter des fichiers d'amorçage?
Ce n'est pas l'idéal. Si vous avez affaire à un fragment html ( pensez à réagir angulaire ), l'IDE ne sais que vous essayez de faire référence à une classe de bootstrap, parce que vous n'avez pas explicitement inclus dans votre fragment.
En fait, je pense que Jenny est la réponse devrait être marqué comme correcte parce que c'est un problème où les fichiers ne sont pas accessibles localement.

OriginalL'auteur BuddhistBeast
21

J'ai eu le même problème et enfin fixée!!
, Vous devez télécharger le fichier d'amorce de la bibliothèque LOCALE.

Cela a fonctionné:
```
    <link rel="stylesheet" href="./css/css/bootstrap-theme.min.css" >
```
Mais cela n'a pas fonctionné:
```
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
```
Cheers,
JJ

Est-il possible de le faire fonctionner à distance?
Il y a une demande de fonctionnalité à propos de cette question: youtrack.jetbrains.com/issue/WEB-31724

OriginalL'auteur Jenny Yue Jin
3

Pour un quick-fix, le téléchargement de la bootstrap.min.css ou celui que vous utilisez localement, puis de référencement comme
```
<link href="stylesheets/bootstrap.min.css" rel="stylesheet">
```
résout le problème.

Je pense qu'un autre moyen pour WebStorm pour être en mesure de la saisie semi-automatique, sans se référer à l'échelle locale serait pour ajouter le fichier comme une bibliothèque externe

Merci pour le upvote 🙂 nouveau de stackoverflow! O:-)

OriginalL'auteur Pranay Shirolkar
2

Pour moi le problème est la façon que j'ai référencé les fichiers css.

Mon fichier de structure :
```
Project
   /App 
      -index.html
   /bower_components
       /bootstrap
          /dist 
             /css 
               -bootstrap.css 
```
et j'ai référencé comme suit :
```
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="bower_components/bootswatch/superhero/bootstrap.min.css" /> 
```
Le css a été appliquée, mais pas de intellisence a été fourni.
Je pense que le css a été appliquée en raison de mon .bowerrc fichier.
```
 {
   "directory": "bower_components"
 }
```
J'ai changé le chemin d'accès relatif et webstorm reconnu mon bootstrap classes.
```
 <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css" />
 <link rel="stylesheet" href="../bower_components/bootswatch/superhero/bootstrap.min.css" />
```
en faisant cela, vous "fixe", la complétion de code, mais vous avez cassé grunt build. grunt cherche vendeur les fichiers css et js dans bower_components dossier (pas ..\bower_components). J'ai lu que WS 11 a une meilleure intégration avec yeoman, et ce problème est résolu. Ne sais pas si c'est réparable dans WS10, cependant
Je suis nouveau sur grunt .. pouvez-vous élaborer sur "vous avez battu le grunt build". Ma compréhension Grunt trouverez encore sous le dossier racine dans bower_components c'est juste une référence à partir de l'index. Il n'a pas de relais sur la façon dont je référencé à partir de mon index.html pour le construire.

OriginalL'auteur eran otzap
1

J'ai finalement trouvé la solution:
- Clic droit sur le dossier de style
- Marque répertoire en tant que sources de test de racine
OriginalL'auteur Rajesh Meena
0

Si vous utilisez balise style dans votre PHP page, il empêche le chargement CSS classe de complétion de code.

Mettez vos styles dans CSS fichier puis de le charger et supprimer balise style.

OriginalL'auteur masoud amirian
0

J'ai dû marquer mes styles de répertoire, qui contient mon css, comme "Ressources" dans les paramètres du module. J'ai également eu à marquer mon bower composants et nœud module de répertoires comme "Sources".

OriginalL'auteur antonkronaj

Vous devez vous connecter pour publier un commentaire.