Cosa devo cambiare nella mia WebStorm IDE che le classi bootstrap sono riconosciuti quando lo faccio:completamento del codice WebStorm non mostra le classi bootstrap
<a class="btn btn-primary" />
Al momento ho sempre ri-verificare la classe i nomi esaminando i file cst bootstrap. Non è così bello ...
Assicurarsi che sia acceso. Effettuare le seguenti operazioni in WebStorm:
File | Settings | IDE Settings | Editor - Code Completion
Oppure:
File | Settings | Type in the search bar "code completion"
La seconda opzione vi porterà direttamente alle opzioni di completamento del codice, se in alcuni casi non si poteva trovare tramite il primo modo.
Maggiori informazioni possono essere trovate here
aggiungere le impostazioni di completamento automatico sono attive .. ma la webstorm non suggerisce ancora per le classi di bootstrap .. ma solo per i normali tag HTML. Qualche idea? – dhroove
Stai facendo riferimento ai file Bootstrap in modo corretto? – BuddhistBeast
significa? potresti per favore elaborare ... come fare riferimento ai file di bootstrap? – dhroove
Per me il problema è il modo in cui ho fatto riferimento i file CSS.
La mia struttura dei file:
Project
/App
-index.html
/bower_components
/bootstrap
/dist
/css
-bootstrap.css
e li ho fatto riferimento in questo modo:
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="bower_components/bootswatch/superhero/bootstrap.min.css" />
il CSS è stato applicato, ma non Intellisence è stato fornito. Penso che il css sia stato applicato a causa del mio file .bowerrc.
{
"directory": "bower_components"
}
Ho cambiato il percorso del relativo uno e WebStorm riconosciuto le mie classi bootstrap.
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="../bower_components/bootswatch/superhero/bootstrap.min.css" />
facendo questo hai "corretto" il completamento del codice, ma hai rotto build grunt. grunt cerca i file css e js del fornitore nella cartella 'bower_components' (* not *' .. \ bower_components'). Ho letto che WS 11 ha una migliore integrazione con yeoman e questo problema è stato risolto. Non so se sia risolvibile in WS10, comunque – Felix
@Felix Sono nuovo per grugnito .. puoi approfondire "hai rotto il build del grunt". A mio avviso Grunt li troverà ancora nella cartella radice in bower_components, questo è solo un riferimento dall'indice. Non si trasmette su come li ho fatto riferimento dal mio index.html per la compilazione. –
Ho avuto lo stesso problema e alla fine l'ho risolto !! È necessario scaricare la libreria Bootstrap LOCALMENTE.
questo ha funzionato:
<link rel="stylesheet" href="./css/css/bootstrap-theme.min.css" >
Ma questo non ha funzionato:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
Cheers, JJ
C'è un modo per farlo funzionare in remoto? –
Per un quick-fix, scaricando il bootstrap.min.css o, se vi trovate utilizzando localmente e quindi facendo riferimento a esso come
<link href="stylesheets/bootstrap.min.css" rel="stylesheet">
risolve il problema.
Penso che un altro modo per WebStorm per essere in grado di completare automaticamente senza fare riferimento ad esso a livello locale potrebbe essere quella di aggiungere il file come una libreria esterna
Grazie per l'upvote :) nuovo per StackOverflow! O :-) –
Finalmente ho avuto la soluzione:
Se si utilizza tag style nella tua pagina PHP, impedisce il caricamento 0 Completamento codice classe.
Inserisci i tuoi stili nel file CSS, quindi caricalo e rimuovi il tag di stile.
Ho dovuto contrassegnare la mia directory di stili, che contiene il mio css, come "Risorse" nelle impostazioni del modulo. Ho anche dovuto contrassegnare i miei componenti del bower e le directory del modulo del nodo come "Sorgenti".
Dovrebbe essere automaticamente trovare le classi mentre le digiti ... Supponendo che non stai copiando/incollando dovresti essere in grado di fare in modo che la webstorm ti dia una rapida occhiata alle classi disponibili. – BuddhistBeast
@Pascal hai risolto questo problema? Non riesco neanche a far completare automaticamente le classi in Bootstrap. –