zeigen Was muss ich in meinem WebStorm IDE ändern, dass die Bootstrap-Klassen erfasst, wenn ich tun:WebStorm Code-Vervollständigung nicht Bootstrap-Klassen
<a class="btn btn-primary" />
Im Moment habe ich immer wieder überprüfen Sie die Klasse Namen durch Blick in die Bootstrap CSS-Dateien. Das ist nicht so schön ...
Stellen Sie sicher, dass es eingeschaltet ist. die folgenden in WebStorm Sie:
File | Settings | IDE Settings | Editor - Code Completion
Oder:
File | Settings | Type in the search bar "code completion"
Die zweite Option führt Sie direkt auf die Code-Vervollständigung Optionen nehmen, wenn in einigen Fällen Sie es nicht über den ersten Weg finden konnten.
Weitere Informationen hierzu finden here
auto-complete-Einstellungen hinzufügen, sind .. aber WebStorm noch was darauf hindeutet, nicht für Bootstrap-Klassen .. aber nur für eine normale HTML-Tags .. eine Idee? – dhroove
Verweisen Sie Ihre Bootstrap-Dateien korrekt? – BuddhistBeast
bedeutet? Könntest du bitte näher erläutern .. wie Bootstrap-Dateien zu verweisen? – dhroove
Für mich finden das Problem ist der Weg ich die CSS-Dateien verwiesen wird.
Meine Dateistruktur:
Project
/App
-index.html
/bower_components
/bootstrap
/dist
/css
-bootstrap.css
und i verwiesen sie etwa so:
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="bower_components/bootswatch/superhero/bootstrap.min.css" />
Die CSS angewendet wurde, aber kein Intellisence vorgesehen war. Ich denke, das CSS wurde aufgrund meiner .bowerrc-Datei angewendet.
Ich änderte den Pfad zu den relativen und webstorm erkannte meine Bootstrap-Klassen.
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="../bower_components/bootswatch/superhero/bootstrap.min.css" />
indem Sie dies tun "Sie" Code-Vervollständigung, aber Sie brach grunt build. Grunzen sucht nach Anbieter CSS und JS-Dateien in 'bower_components' Ordner (* nicht *' .. \ bower_components'). Ich habe gelesen, dass WS 11 eine bessere Integration mit dem Yeoman hat, und dieses Problem ist behoben. Ich weiß nicht, ob es in WS10 reparierbar ist, aber – Felix
@Felix Ich bin neu, um zu grunzen .. kannst du näher auf "du hast den grunnen Bau". Zu meinem Verständnis findet Grunt sie immer noch unter dem Stammordner in bower_components, dies ist nur eine Referenz von index. Es zeigt nicht auf, wie ich sie für den Build von meiner index.html referenziert habe. –
Ich hatte das gleiche Problem und endlich behoben !! Sie müssen die Bootstrap-Bibliothek LOCALLY herunterladen.
Das funktionierte:
<link rel="stylesheet" href="./css/css/bootstrap-theme.min.css" >
Aber das hat nicht funktioniert:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
Cheers, JJ
Gibt es eine Möglichkeit, es aus der Ferne arbeiten zu lassen? –
Für eine schnelle Lösung, die bootstrap.min.css Download oder welche auch immer Sie sind lokal verwenden und dann darauf verweisen wie
<link href="stylesheets/bootstrap.min.css" rel="stylesheet">
löst das Problem.
glaube ich einen anderen Weg für WebStorm der Lage sein, ohne vor Ort darauf zu verweisen automatisch zu vervollständigen wäre die Datei als externe Bibliothek hinzufügen
Danke für den upvote :) neu zu stackoverflow! O:-) –
Endlich habe ich die Lösung:
root Wenn Sie Style-Tag in Ihrer PHP Seite verwenden, verhindert Laden CSS Abschluss des Klassencodes.
Setzen Sie Ihre Stile in CSS Datei laden es dann und Stil-Tag entfernen. in Moduleinstellungen
Ich musste meine Stile Verzeichnis markieren, die mein CSS enthält, als „Ressourcen“. Ich musste auch meine Bower-Komponenten und Knotenmodul-Verzeichnisse als "Sources" markieren.
Es sollte automatisch die Klassen für Sie finden, während Sie sie austippen ... Angenommen, Sie nicht kopieren/einfügen, sollten Sie in der Lage sein, Webstorm geben Sie einen schnellen Blick auf verfügbare Klassen. – BuddhistBeast
@Pascal haben Sie dieses Problem gelöst? Ich kann die Klassen in Bootstrap auch nicht automatisch vervollständigen. –