web-dev-qa-db-ja.com

Webstormコード補完でbootstrapクラスが表示されない

Webストームで何を変更する必要がありますかIDE bootstrapクラスは次の場合に認識されます：

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

現時点では、bootstrap cssファイルを調べてクラス名を再確認する必要があります。それはそれほど素晴らしいことではありません...

twitter-bootstrapwebstormcode-completion
16
Pascal

私も同じ問題を抱えていて、ついに修正しました!! Bootstrapライブラリをローカルにダウンロードする必要があります。

これはうまくいきました：

    <link rel="stylesheet" href="./css/css/bootstrap-theme.min.css" >

しかし、これは機能しませんでした：

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

乾杯、JJ

22
J.J.

簡単に修正するには、bootstrap.min.cssまたはローカルで使用している方をダウンロードして、次のように参照します。

<link href="stylesheets/bootstrap.min.css" rel="stylesheet">

問題を解決します。

WebStormがローカルで参照せずにオートコンプリートできるようにする別の方法は、ファイルを外部ライブラリとして追加することだと思います。

4
Pranay Shirolkar

私にとって問題は、cssファイルを参照する方法です。

私のファイル構造：

Project
   /App 
      -index.html
   /bower_components
       /bootstrap
          /dist 
             /css 
               -bootstrap.css

そして私はそれらをそのように参照しました：

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="bower_components/bootswatch/superhero/bootstrap.min.css" />

Cssが適用されましたが、インテリジェンスは提供されませんでした。私の.bowerrcファイルが原因でcssが適用されたと思います。

 {
   "directory": "bower_components"
 }

パスを相対パスに変更すると、webstormが私のbootstrapクラスを認識しました。

 <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css" />
 <link rel="stylesheet" href="../bower_components/bootswatch/superhero/bootstrap.min.css" />
2
eran otzap

ついに私は解決策を得ました：

  • スタイルフォルダを右クリック
  • ディレクトリをテストソースルートとしてマークします
1
Rajesh Meena

PHPページでスタイルタグを使用している場合、CSSクラスコード補完の読み込みが妨げられます。
スタイルをCSSファイルに入れてからロードし、スタイルタグを削除します。

0
masoud amirian

モジュール設定で、cssを含むstylesディレクトリを「リソース」としてマークする必要がありました。また、bowerコンポーネントとノードモジュールディレクトリを「ソース」としてマークする必要がありました。

0
antonkronaj