Недавно мы опубликовали перевод статьи про полезные расширения VS Code для Python-разработчиков. Настала очередь JavaScript!
В прошлый раз читатели делились своими фаворитами в комментариях. Надеемся, что сегодня нам тоже удастся собрать отличную подборку полезных расширений VS Code для JavaScript.
Уже несколько лет я использую PyCharm Pro и WebStorm, IDE от Jetbrains. Поскольку это недешевые продукты, каждый раз, когда я их рекомендую, люди предлагают мне перейти на VS Code, так как этот редактор бесплатный и крутой одновременно. После нескольких таких дискуссий на Reddit я пообещал, что протестирую VS Code в течение пары недель.
Среди важных преимуществ VS Code (помимо, конечно, стоимости «for free»): возможность настройки и экосистема плагинов. Я хотел получить максимум от пробной версии, для этого мне и потребовались плагины. Опять же на Reddit мне посоветовали огромное количество различных расширений, и сегодня я хотел бы поговорить о плагинах для VS Code, которые мне особенно понравились.
Несмотря на мой эксперимент с VS Code, я продолжаю работаю с любимыми PyCharm и WebStorm, так как за все эти годы я уже привык к ним. Их стоимость полностью оправдана ценностью и качеством. При этом VS Code приятно удивил меня: это очень простой и быстрый инструмент.
ESLint
ESLint, без сомнения, является одним из самых популярных расширений среди JS-разработчиков. Оно применяет правила ESLint на коде и отображает результат в редактор. Это позволяет быстро выявлять и исправлять нарушения правил. ESLint будет полезен всем разработчикам на JS, так как помогает повысить производительность и качество кода.
Скачать ESLint
Prettier
Prettier — это «упрямый» (opinionated) инструмент для форматирования кода, который интегрируется с VS Code, Visual Studio, Atom, Vim, Sublime Text и другими редакторами. Удобное небольшое расширение, которое поможет отформатировать код, сделать нужные отступы, а также подсветит ключевые слова, чтобы код легче читался.
Конечно, такие полезные функции снизят трудозатраты на форматирование и, следовательно, увеличат нашу производительность. Благодаря Prettier, читаемость кода будет на очень высоком уровне.
Скачать Prettier
Quokka.js
Расширение Quokka.js обеспечивает быстрое создание прототипов JavaScript в редакторе VS Code. Это песочница в режиме реального времени для JavaScript- и TypeScript-разработчиков. Quokka.js часто называют современным блокнотом для разработчиков на JavaScript.
Вы когда-нибудь хотели протестировать что-то по-быстрому и, в конце концов, использовали консоль браузера? Или вы запускаете
node-процесс в терминале и пробуете там? Основная цель этого расширения — быстро и удобно запускать код прямо в редакторе VS Code.Скачать Quokka.js
REST Client
REST Client — это расширение для VS Code, которое позволяет отправлять HTTP-запросы и видеть ответ прямо в VS Code.
Это Postman для VS Code, но удобно встроенный в редактор кода.
REST Client поддерживает API REST и GraphQL.
Скачать REST Client
Debugger for Chrome
Отладка JavaScript может быть достаточно неприятным процессом. Chrome и другие браузеры предлагают отличные инструменты, которые помогут вам в работе.
Тем не менее с ними часто бывает совсем непросто работать. Кроме того, такие инструменты не очень удобны, особенно при использовании фреймворков и множества библиотек.
Debugger for Chrome — это расширение, разработанное Microsoft, которое помогает легко отладить код для каждого небольшого изменения.
Консоль расширения приятно удивляет своей мощностью, особенно когда нужно обнаружить, в какой строке и функции возникла ошибка. Можно даже проследить обработку данных.
Запускайте код в Chrome и отлаживайте его в редакторе кода.
Скачать Debugger for Chrome
Live Server
Live Server позволяет запускать локальный сервер разработки с функцией live-reload для статических и динамических страниц. Это не очень актуально для тех, кто работает с фреймворками, которые уже настроили live-reload, например, React. Однако, если вы работаете с другими библиотеками или статическим контентом, то это расширение вам точно пригодится.
Скачать Live Server
Live Share
Это потрясающий инструмент! Я не уверен, что есть что-то подобное для WebStorm. С помощью Live Share можно поделиться своим редактором кода с другими людьми. Он идеально подходит для парного программирования, это особенно актуально сейчас, когда большинство до сих пор работает удаленно из-за пандемии.
Я попробовал, и мне понравилось!
Скачать Live Share
JavaScript (ES6) Code Snippets
Как вы, наверное, заметили, почти все расширения из этого списка повышают производительность, и JavaScript (ES6) Code Snippets не исключение.
Название говорит само за себя! Данное расширение поможет увеличить скорость кодинга за счет работы с заранее заданным набором сниппетов. Сниппеты можно настроить в зависимости от наших предпочтений, установив готовые пакеты или создав собственные.
Загрузить JavaScript (ES6) Code Snippets
Babel JavaScript
За последнее время JavaScript сильно развился. Появилось большое количество фреймворков и библиотек, например, React, Flow, GraphQL, и, как следствие, много новых способов оформлять код.
Babel JavaScript позволяет работать с последней версией синтаксиса JavaScript, а также перечисленных выше библиотек. Расширение предлагает JavaScript-редактору самые последние и красивые версии синтаксиса.
Скачать Babel JavaScript
One Dark Pro
Разработчики проводят в редакторе кода целую вечность, поэтому особенно важно, чтобы мы были довольны его видом и эстетикой. One Dark Pro — это тема для VS Code, которая делает редактор более красивым, похожим на то, к чему я привык.
Скачать One Dark Pro
Вывод
Попробовав VS Code, я был приятно удивлен, осознав, насколько он быстр и надежен.
Настроив его под себя с помощью расширений, я также смог прочувствовать, насколько он мощный.
Поскольку это один из самых популярных редакторов кода на рынке (если не самый популярный), существует огромное сообщество, создающее инструменты и расширения, чтобы сделать его еще лучше. Это как раз то, что мне всегда нравилось в продуктах Jetbrains, и то, что мне нравится сейчас в VS Code.
VS Code — отличный выбор для любого разработчика. Рекомендую! Однако WebStorm и PyCharm по-прежнему занимают особое место в моем сердце.
Спасибо, что прочитали эту статью!
