Добавить в корзинуПозвонить
Найти в Дзене
Онлайн-школа METHED

7 ПЛАГИНОВ VS CODE ДЛЯ JS-РАЗРАБОТЧИКОВ

VS Code — редактор кода Visual Studio Code помогает быстрее писать код, например, с помощью подсказок и поиска ошибок. А если установить нужное расширение, то работа будет ещё приятнее.⠀ Конечно, плагинов  VS Code много, но мы собрали для тебя самые популярные. Сохраняй полезный чек-лист ⬇️ ✔️ ESLint
Проверяет код на синтаксические ошибки и предлагает исправления.  Можно встроить в систему проверки кода и перед отправкой файлов в репозиторий ещё раз всё перепроверять. ✔️ VSCode-random
Подойдёт, если нужен набор сгенерированных данных. Содержит генераторы, которые выдают названия стран, URL-адреса, цвета, имена людей, названия улиц, валидные email, случайные числа и т.д. ✔️ Project Snippets
Позволяет сохранять фрагменты кода, а затем повторно их использовать – в текущем или новом проекте. ✔️ Stylelint
Помогает избежать ошибок в CSS, контролирует соблюдение соглашений о стиле, работает с Prettier и ванильным CSS. ✔️ Color Highlight
Находит внутри кода обозначения цветов в разном формате

VS Code — редактор кода Visual Studio Code помогает быстрее писать код, например, с помощью подсказок и поиска ошибок. А если установить нужное расширение, то работа будет ещё приятнее.⠀

Конечно, плагинов  VS Code много, но мы собрали для тебя самые популярные. Сохраняй полезный чек-лист ⬇️

✔️ ESLint
Проверяет код на синтаксические ошибки и предлагает исправления.  Можно встроить в систему проверки кода и перед отправкой файлов в репозиторий ещё раз всё перепроверять.

✔️ VSCode-random
Подойдёт, если нужен набор сгенерированных данных. Содержит генераторы, которые выдают названия стран, URL-адреса, цвета, имена людей, названия улиц, валидные email, случайные числа и т.д.

✔️ Project Snippets
Позволяет сохранять фрагменты кода, а затем повторно их использовать – в текущем или новом проекте.

✔️ Stylelint
Помогает избежать ошибок в CSS, контролирует соблюдение соглашений о стиле, работает с Prettier и ванильным CSS.

✔️ Color Highlight
Находит внутри кода обозначения цветов в разном формате и соответственно подсвечивает их.

✔️ VS Code Material Icon Theme
Устанавливает разные иконки для разных типов файлов. Особенно хорошо сочетается с темной темой редактора.

✔️ Quokka.js
Подходит для JavaScript и TypeScript и отображает результаты выполнения кода в редакторе, непосредственно во время его написания.

А какие плагины используешь ты? Обязательно делись в комментариях и не забудь поставить лайк этому посту 👍

#methed_про_ит