Pull to refresh

Полезные плагины для 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 их автоматически менять :)

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

Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.