Как стать автором
Обновить

Полезные плагины для VS Code

Уровень сложностиПростой

Привет, сегодня я расскажу о самых полезных плагинах в VS Code по моему мнению, а может я просто хочу сохранить их на случай поломки компа. Кто знает...

Live Server – одно из самых полезных расширений для новичка. Позволяет открыть html документ в режиме сервера и в реальном времени отслеживать код, который вы пишете в html, css и js, не перезагружая каждый раз страницу.

Class Extractor – позволяет быстро скопировать HTML классы и вставить в CSS.

Class Extractor
Class Extractor

Backticks – автоматически меняет обычные кавычки на обратные, когда вы вставляете в JS строку ${}. Например: у вас была строка "result: 5" , вы вставляете в нее переменную, и она автоматически меняет кавычки на result: ${sum}.

Auto Rename Tag – автоматически меняет закрывающий тег HTML, когда вы меняете открывающий. Работает и в обратную сторону ?

VSCode Icons – самые красивые иконки для VS Code по моему мнению.

Icons
Icons

Parameter Hints – подсказки в функциях, как в WebStorm. Для кого-то бесполезно, но можно поиграться.

Hints
Hints

Prettier и ESLint – два очень полезных расширения для написания кода. В ESLint можно прописать правила, по которым ваш код будет проверяться. Например: обязательные ; в конце строк или везде одинарные кавычки. Prettier в свою очередь форматирует ваш код для лучшей читабельности при каждом сохранении. В нем так же можно настроить отдельные параметры, по которым он будет форматировать ваш код. В итоге eslint будет ругаться не неправильные кавычки, а prettier их автоматически менять :)

А какое ваше любимое расширение?

Теги:
Хабы:
Данная статья не подлежит комментированию, поскольку её автор ещё не является полноправным участником сообщества. Вы сможете связаться с автором только после того, как он получит приглашение от кого-либо из участников сообщества. До этого момента его username будет скрыт псевдонимом.