Visual Studio 2017 Javascript linter highlight errors

Я использую VS17 для редактирования файлов Javascript на стороне клиента.

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

Это слишком легко пропустить. Я возвращаюсь в браузер и т.д., Чтобы слишком часто обнаруживать ошибку синтаксиса.

Как я могу получить больше визуальных подсказок по ошибкам linter. Я хочу что-то с левой стороны, что-то маркирует всю линию от конца до правого (как в sublime-linter), или что-то еще, что делает его супер видимым, что что-то не так.

Ответы

Ответ 1

Чтобы визуализировать список ошибок в левой части окна VS, выделите следующие шаги:

Перейдите в левую нижнюю сторону VS и перетащите Список ошибок. И опустите его в значок центральной панели
После этого вы можете легко просмотреть все ошибки и предупреждения на левой панели.

Изменить:

Переместите Список ошибок в левую часть окна, а затем появится новое предсказание: и отбросьте его в центр .

Не опускаться до середины вашего редактора!

EDIT 2: для выделения строк кода ошибки в вашем редакторе вам необходимо включить два надстройки:

Включить Производительность Power Tools будет выделять коды ошибок (вкладка).
Включить ReSharper будет выделять строки ошибок в кодовом файле.

ИЗМЕНИТЬ 3:

После установки Powerivity Power Tools зайдите в VS explorer и выберите ошибки из раскрывающегося списка:

И следуйте эту ссылку.

Ответ 2

Вы пытались изменить цвета "Ошибка компилятора/другие ошибки/синтаксические ошибки/предупреждения"?

Ответ 3

В отличие от очевидных требований для просмотра фактических сообщений об ошибках, Visual Studio (конечно же, начиная с 2013 года) имеет отличную функцию, которая выделяет маркеры в коде на полосе прокрутки вправо; Я использую его все время как быстрый способ навигации - он называется "Расширенная панель прокрутки" (простое и эффективное соглашение об именах!).

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

Немного трудно увидеть, но заметьте внизу раздела, что я работаю над простой ошибкой в коде, где я поместил пробел в имя свойства (d'oh!). Панель справа выглядит как миниатюрная версия кода, показывающая разные цветные блоки рядом с тем, что вы написали. Обратите внимание, что есть желтые и зеленые блоки, показывающие изменения кода, пурпурные блоки, показывающие сомнительную орфографию, и, где вы можете видеть белую полосу ширины миниатюрного изображения, есть красная рамка с указанием ошибки в вашем код. Эта статья идет немного дальше.

Чтобы активировать это в 2017 году, используйте ссылку выше. В 2013 году перейдите в Сервис > Параметры. В окне поиска в верхней части диалогового окна введите "полоса прокрутки" и убедитесь, что выделенные области на скриншоте ниже отмечены или не отмечены, если требуется.

Фантастическая особенность - рекомендую!