Как сделать подсветку ошибок?

Question

[Антон Вебсайтовский]

Visual Studio Code - недавно поставил, осваиваю, вроде пока не тупит как Breackets.

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

В Visual Studio Code - пока такого не сделал, хотя поставил плагин, HTMLHint, он не подсвечивает.

Я открыл страницу index.php, там у меня hmtl, js, php.
Может по этому HTMLHint не срабатывает, хотя должно по идеи работать.

Хотелось бы чтоб так подсвечивало:


Проверял css, там есть подсветка, волнистая оранжевая линия, как ее можно изменить? а то не очень и приметно что ошибка. Желательно изменить так чтобы красным шрифт выделялся, как реализовать?

Вот так в css подсвечивает.


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


В шаблоне в стилях для ошибок (если я правильно понял стиль для подсветки ошибок)

{
      "name": "Invalid",
      "scope": "invalid",
      "settings": {
        "fontStyle": " bold underline",
        "foreground": "#ff0000"
      }
    },
    {
      "name": "Invalid deprecated",
      "scope": "invalid.deprecated",
      "settings": {
        "foreground": "#ff0000",
        "fontStyle": " bold underline"
      }
    },

Comments

[vism]

сколько вы зарабатываете, что так мучаться с бесплатными вам дешевле, чем купить WebStorm

[Антон Вебсайтовский]

vism, Все бесплатное это говно?
WebStorm - не пробовал, тогда уж лучше дреамвивер сразу поставить ) хотя на нем я раньше и сидел )

[datka]

Антон Вебсайтовский, вы бы еще Microsoft FrontPage поставили бы )

[vism]

Антон Вебсайтовский,
Ну понимаете. Обычно бесплатное это говно. Что ваш вопрос и доказывает.
Возьмите вебшторм на триале.

П.С. дримьюер, рука-лицо, это совсем другое...

[Антон Вебсайтовский]

datka, по вашему Visual Studio Code, говно? а что вы используете.

[Антон Вебсайтовский]

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

[Антон Вебсайтовский]

vism, а есть там то что меня интересует, допустим открыл я страницу index.php, на странице html,css,js,php, будет ли WebStorm определять и показывать ошибки, если сделать во сех видах кода ошибки, будет ли он так работать?

в Visual Studio Code, я пока не решил делему, есть всякие плагины, поставил плагин для js, который в js показывает ошибки, но это если я открою фаил js, так же и для css поставил плагин, если открываю .css фаил, то показывает ошибки, а вот если открыть страницы index.php, где все это есть html,css,js,php, хотя css можно не учитывать. То валидаторы уже не работают, но если менять в конце то как программа определила данный фаил php, там менять на js и т.д, то валидторы начинают работать, но это же не удобно, менять расширения открытого файла, чтоб проверить на ошибки. (типа хочу я js проверить на страницу index.php, меняю я в программе где он определил фаил как php, поменял на js и валидация сработала и вижу в js ошибки).

[Антон Вебсайтовский]

Почему решил сменить Breackets, он тупит, когда запускаешь все летает все отлично работает, но стоит поработать долго, надо перезапускать, плагинов стоит мало, прога сырая и обновления выходят очень редко, а так удобная программа, с валидаций подобная проблема была и есть как в Visual Studio Code, но я плагинами можно сказать реши их но не все.

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

Visual Studio Code - нравиться удобством, но пока не все нюансы решил чтоб нормально работать.

[Антон Вебсайтовский]

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

[datka]

Антон Вебсайтовский,

datka, по вашему Visual Studio Code, говно? а что вы используете.

Что вы сударь. Об этом писал vism. Лично я пользуюсь Notepad++ и Sublime. Для моих "задач" этого вполне хватает. VSCode это просто навороченный notepad. И он глючит. И в чем-то я согласен с vism . Ни один текстовый редактор не сможет сравниться настоящим IDE.

[Антон Вебсайтовский]

datka, в вашем понимании настоящий это какой IDE, вебсторм, я ставил его вчера, и столкнулся с делемами как и в вс коде ) но в вс коде я почти все решил уже, так что не стал возиться с этим вебстормом.

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

Почему нельзя сделать одну функцию которая будет проверять на обычные ошибки css,php,js,html, хотя бы стандартный код программирования. какие-то плагины пилят, для каждого кода свой.
Обычные ошибки это я про то если забыл закрыть див или другой тег и если где-то скобки не хватает и всякое такое, бывает такое что пропустил и глюк, и ищешь где )

Answer 1

[Антон Вебсайтовский]

То что решил буду скидывать сюда.

Подсветка тегов начало и конец, ставим плагин Highlight Matching Tag, по стандарту он подчеркивающей волнистой линией подсвечивает, но это можно изменить.

В settings.json добавляем.

"highlight-matching-tag.styles": {
        "opening": {
            "name": {
                "highlight": "rgb(255, 243, 78)"
            }
        }
    }

Вот что выходит:

Comments

[Антон Вебсайтовский]

По поводу подсветки скобок, можно отключить, "editor.matchBrackets": true,
Но так будет отрубать везде и в css и js.

А вот так отрубаем где не надо подсвечивать < >

"[html]": {
      "editor.matchBrackets": false,
},

"[php]": {
      "editor.matchBrackets": false,
}

Answer 2

[vism]

вобщем, просто вам нужна та версия, которая от jetbrains и называется webstorm или phpstrom. Или на чём вы там кодите.
Которая стоит денег и работает, а не заставляет устраивать шаманские обряды

Comments

[Антон Вебсайтовский]

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

[vism]

Антон Вебсайтовский, там есть триал период, где вы можете протестировать нужные функции

[Антон Вебсайтовский]

vism, нашел тут тему где типа плюсы и минусы двух редакторов Webstorm vs VS Code
Webstorm vs VS Code 2019?