![見出し画像](https://assets.st-note.com/production/uploads/images/113382175/rectangle_large_type_2_f9c35930c3131e7196fefe14b25ceb13.png?width=1200)
PhpStormでBootstrapの予測変換が表示されないときの対処法
現象
下記図のように、例えば「alert」と入力しても、「alert-danger/alert-success」などの候補が表示されない。
![](https://assets.st-note.com/img/1692048940242-c6Hd1X35jE.png)
原因
「外部ライブラリ」欄に当該モジュールソースが入っていないため。
![](https://assets.st-note.com/img/1692049153870-qwtoW4J9wX.png?width=1200)
対策
外部ライブラリ欄に、bootstrapを追加してあげればOK。
「ファイル」>「設定」>「javascript と入力」>「言語&フレームワーク」>「JavaScript ライブラリ」を選択
元々の状態
![](https://assets.st-note.com/img/1692049231490-MsXBZVkDYi.png?width=1200)
更新後の状態
![](https://assets.st-note.com/img/1692049366931-NLT90J1zQv.png?width=1200)
PhpStormの外部ライブラリ欄にも、チェックを入れた各種ライブラリが表示されていることが伺える。
![](https://assets.st-note.com/img/1692049678774-FToUJfobfT.png)
動作確認
bootstrapの予測変換が表示されるようになりました。
![](https://assets.st-note.com/img/1692049512882-D6oC86OB5b.png?width=1200)