[JavaScript, Программирование] Полезные расширения VS Code для JavaScript-разработчиков (перевод)
Автор
Сообщение
news_bot ®
Стаж: 6 лет 9 месяцев
Сообщений: 27286
Недавно мы опубликовали перевод статьи про полезные расширения 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 по-прежнему занимают особое место в моем сердце.
Спасибо, что прочитали эту статью!
===========
Источник:
habr.com
===========
===========
Автор оригинала: Juan Cruz Martinez
===========Похожие новости:
- [Программирование, Lisp, Emacs, Clojure] Что не так с Лиспом? (перевод)
- [Программирование, Социальные сети и сообщества, DIY или Сделай сам] ClubHouseRec_bot — расцвет и падение или как записать беседу бесплатно и без смс
- [JavaScript, Программирование, Управление проектами, Управление продуктом, Карьера в IT-индустрии] Pet-проект для джуна. Или зачем и как выбрать pet project. (+личный опыт)
- [Программирование, Анализ и проектирование систем, Проектирование и рефакторинг] Эффективная конструкция агрегата. Заставляем агрегаты работать вместе (перевод)
- [Информационная безопасность, Антивирусная защита, Разработка под MacOS] На 30 тысячах компьютеров с macOS нашли странный зловред, который ждёт команду
- [Программирование, Хакатоны, Машинное обучение, Natural Language Processing] Культурные рекомендации: опыт московского хакатона
- [C, Программирование микроконтроллеров] АЦП преобразования в указанные моменты времени на STM32
- [Программирование, Совершенный код] Что такое хороший код? Считаем звёзды
- [Разработка веб-сайтов, JavaScript, Программирование] Тотальный JavaScript: изучаем JS с акцентом на практической составляющей
- [Научно-популярное, Астрономия] Черные дыры могут иметь «волосы». Эйнштейн не прав? (перевод)
Теги для поиска: #_javascript, #_programmirovanie (Программирование), #_vs_code, #_javascript, #_extensions, #_timeweb, #_blog_kompanii_timeweb (
Блог компании Timeweb
), #_javascript, #_programmirovanie (
Программирование
)
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 25-Ноя 14:49
Часовой пояс: UTC + 5
| Автор | Сообщение |
|---|---|
|
news_bot ®
Стаж: 6 лет 9 месяцев |
|
|
Недавно мы опубликовали перевод статьи про полезные расширения 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 по-прежнему занимают особое место в моем сердце. Спасибо, что прочитали эту статью! =========== Источник: habr.com =========== =========== Автор оригинала: Juan Cruz Martinez ===========Похожие новости:
Блог компании Timeweb ), #_javascript, #_programmirovanie ( Программирование ) |
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 25-Ноя 14:49
Часовой пояс: UTC + 5