как добавить Intellisense в код Visual Studio для начальной загрузки

Я хотел бы иметь intellisense для начальной загрузки, но даже для стилей css, которые я пишу в своем проекте. У меня есть ссылки в project.json и bower.json, но они, похоже, не делают ссылки доступными.

ОТВЕТЫ

Ответ 1

Вы можете установить расширение поддержки HTML HTML.

ext install vscode-html-css

Это добавит Intellisense в ваши файлы HTML:

Bootstrap Intellisense

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

"css.remoteStyleSheets": [
  "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
][enter image description here][2]

в settings.json

Ответ 2

Вот общие шаги (не только для Bootstrap), чтобы включить css IntelliSense в VS Code:

Шаг 1. Перейдите на страницу https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion.

или https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion

(Шаги установки уже есть)

Шаг 2: Нажмите кнопку "Установить", которая появляется в верхней части сайта (скриншот ниже)

enter image description here

Шаг 3: После нажатия, браузер покажет всплывающее окно для доступа к VS Code. Откройте его с помощью VS Code.

Шаг 4: Снова нажмите кнопку "Установить", которая появляется внутри кода VS.

Шаг 5: После перезапуска программного обеспечения, щелкните нижний левый значок, показанный на рисунке ниже:

enter image description here

Шаг 6: Нажмите "ctrl+ [пробел]" внутри кавычек класса, вы получите полные имена классов из прикрепленных таблиц стилей.

Ответ 3

В последней версии VS Code IntelliSense в комментариях и строках по умолчанию отключен. Ниже приведены два варианта, чтобы вернуть функциональность "24/7 IntelliSense" или настроить ее по своему усмотрению.

Сначала убедитесь, что вы установили расширение поддержки CSS CSS, упомянутое выше в dwonisch.

Control + ',', чтобы перейти к настройкам или нажмите "Файл" → "Настройки" → "Настройки".

Нажмите вкладку "Параметры рабочего пространства" и введите следующий код JSON:

{
    "editor.quickSuggestions": {
        "comments": false, // <- no 24x7 IntelliSense in comments
        "strings": true, // but in strings and the other parts of source files
        "other": true
    }
}

Другой вариант - нажать ctrl + space внутри CSS-котировок, чтобы активировать intelliSense. Пример:

<div class="(ctrl+space)"> </div>

Ответ 4

К сожалению, эта функция в настоящее время недоступна в VS Code. Однако он был добавлен как запрос функции для предстоящих обновлений. Вы можете отслеживать проблему в Github.

Ответ 5

Хорошо.

1. Откройте код Visual Studio.

2. Используйте CTRL+, чтобы перейти к настройкам рабочей области

3. В правом окне вы увидите что-то вроде этого:

enter image description here

4. Другие слова вставьте этот URL-адрес

{
	"folders": [
		{
			"path": "D:\\Visual Studio\\AndreyCourse\\the-complete-web-developer-in-2018\\DocumentObjectModel"
		}
	],
	"settings": {
		"css.remoteStyleSheets": [
			"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
		  ]
		
	}


}