VS код HTML проверка / проверка ошибок

Я только что переключился на Visual Studio Code для веб-разработки от Netbeans и нахожу свой путь. В Netbeans, если я забуду закрыть скобку на tagname, это укажет на мою ошибку с красным волнистым подчеркиванием и предупреждением в левом поле.

Я бы подумал, что проверка ошибок является фундаментальной функцией в Редакторе веб-разработчиков, таком как vs code. Может быть, я просто не нахожу правильный вариант или расширение.

Как я могу достичь этой же ошибки html, css проверка поведения в VS-коде?

7
html visual-studio-code

4 ответов

VSCode не имеет проверки HTML по умолчанию. Но это позволяет добавлять расширения и включать эти функции.

чтобы добавить проверку HTML (линтинг), откройте VSCode, затем нажмите Ctrl + P и затем вставить ext install HTMLHint в нем, и нажмите Enter. Он установит валидатор HTML. Возможно, Вам потребуется перезагрузить VSCode для загрузки расширения.

теперь, если вы откроете тот же html-документ, в котором была синтаксическая ошибка, вы увидите, что в строке состояния внизу отображается проблема :) и он также покажет вам ошибки в этих строках.

14

VS код по умолчанию поддерживает форматирование кода и отслеживает синтаксическую ошибку. Если вы создаете новый файл и непосредственно пытаетесь написать код, то VS Code не может понять, какой язык или тип синтаксиса пользователь хочет отформатировать / исправить. Итак, сначала нужно сохранить новый файл с соответствующим расширением, чем visual studio правильно определит синтаксис.

форматирование кода доступно в VS Code через следующие ярлыки:

  • На Windows Shift + Alt + F
  • На Mac Shift + опции + F
  • На Ubuntu Ctrl + Shift + я

вы можете добавить Auto Close Tag из VS Code marketplace.

Launch VS Code Quick Open (Ctrl+P), вставьте следующую команду и нажмите enter.

  1. автоматически добавить HTML / XML закрыть тег, так же, как Visual Studio IDE или Sublime Text

    ext install auto-close-tag

  2. VS Code integration for HTMLHint-инструмент статического анализа кода для HTML

    ext install HTMLHint

  3. обеспечивает завершение имени класса CSS для атрибута класса HTML на основе файлов CSS в рабочей области. Также поддерживает атрибут className React.

    ext install html-css-class-completion
4

код VS поддерживает это по умолчанию. Он также поддерживает Emmet по умолчанию, что означает, что вам не нужно беспокоиться о близких тегах HTML. Он автоматически добавляет закрывающий тег.

0

Это не встроенная функциональность VsCode...Тем не менее, у него есть много доступных плагинов. Я бы рекомендовал вам плагин HTMLHint. Это то, что я использую.

вы можете установить его с помощью: ext install HTMLHintкоманда

0