В завершении кода Webstorm не отображаются классы начальной загрузки

Что мне нужно изменить в моей среде webstorm, что классы начальной загрузки распознаются, когда я это делаю:

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

В настоящий момент я всегда пересматриваю имена классов, просматривая файлы bootstrap css. Это не так приятно...

Ответ 1

Убедитесь, что он включен. В WebStorm выполните следующие действия:

File | Settings | IDE Settings | Editor - Code Completion

Или:

File | Settings | Type in the search bar "code completion"

Второй вариант приведет вас к вариантам завершения кода, если в некоторых случаях вы не смогли найти их с помощью первого способа.

Более подробную информацию можно найти здесь

Ответ 2

У меня была такая же проблема и, наконец, она была исправлена! Вам необходимо загрузить библиотеку Bootstrap LOCALLY.

Это сработало:

    <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">

Cheers, JJ

Ответ 3

Для быстрого исправления загрузки bootstrap.min.css или того, что вы используете локально, а затем ссылаясь на него как

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

решает проблему.

Я думаю, что другой способ для WebStorm быть в состоянии автозаполнения без ссылки на него локально - это добавить файл в качестве внешней библиотеки

Ответ 4

Для меня проблема в том, как я ссылался на файлы 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, но никакой интелекенции не было. Я думаю, что css был применен из-за моего файла .bowerrc.

 {
   "directory": "bower_components"
 }

Я изменил путь к относительной, и webstorm распознал мои классы начальной загрузки.

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

Ответ 5

Наконец, я получил решение:

Щелкните правой кнопкой мыши папку стиля
Отметить каталог как источник для проверки root

Ответ 6

Если вы используете тег стиля на странице PHP, это предотвращает загрузку кода класса CSS.
Поместите свои стили в файл CSS, затем загрузите его и удалите тег стиля.