При работе в Visual studio с Html-страницами очень удобно, когда всплывают подсказки для классов, которые можно использовать, особенно когда в работе используешь фреймворки типа Bootstrap или Foundation. Оказывается, младшего брата студии "Visual studio code" тоже можно научить подсказывать классы фреймворков, например, Bootstrap.

Чтобы в Visual studio code включить подсказки синтаксиса (Intellisense) Bootstrap или другого фреймворка, для начала установите расширение HTML CSS Support.

1. Установите расширение HTML CSS Support

В VS Code нажмите Ctrl + P и введите команду (Рис.1):

ext install vscode-html-css

нажмите Enter

В открывшемся слева окне выберите HTML CSS Support и нажмите Установить. По завершении установки нажмите "Перезагрузить".

Рис.1. Поиск расширений для Visual studio code

Рис.1. Поиск расширений для Visual studio code

 

Рис.2. Выбор и установка расширений

Рис.2. Выбор и установка расширений

 

2. Подключите файлы фреймворка Bootstrap для использования в Intellisense

Создайте файл resource.json в корне вашего проекта и добавьте путь к CSS файлу Bootstrap или его карте:

 

 

Теперь Visual Studio code будет подсказывать классы Bootstrap.