VSCode позволяет нам настраивать IDE так, как мы хотим, в том числе так, как этого хотят разработчики MERN. Вместе с этим у нас появилось множество расширений, и сегодня я расскажу вам, какие из них необходимы разработчикам MERN Stack.
Все эти расширения не похожи на список дел или обязательный список, вы можете просто выбрать то, что работает для вас лучше всего, поскольку многие из них являются фрагментами, выбрать то, что вам нужно, чтобы максимизировать вашу продуктивность и уменьшить стресс от повторяющегося кодирования.
Стек MERN - MongoDB, ExpressJS, ReactJS, NodeJS
Mern Stack простыми словами - это полный стек для разработки приложения с использованием MongoDB для базы данных, ExpressJS и NodeJS для внутреннего интерфейса и ReactJS для внешнего интерфейса. Существуют и другие стеки, такие как MEAN, LAMP и т. Д., Но сегодня я сосредоточусь на разработчиках MERN.
Не занимая больше времени, вот расширения.
Фрагменты Мерна
Расширение на момент написания статьи обрабатывает все из коробки. Mern Snippets также включает сниппеты Redux и Axios для повышения вашей производительности.
Вы можете скачать его на торговой площадке.
MongoDB
Сегодня MongoDB становится все более популярной в мире баз данных.
Фрагменты Mongo для Node.js
Включает фрагменты кода для подключения и запросов MongoDB, предоставляет предложения автозаполнения и настраивает шаблонный код для повышения производительности.
Вы можете скачать его на торговой площадке.
ExpressJS
шаблон для базового сервера, маршрутов, общего промежуточного программного обеспечения, такого как шлем, сжатие, body-parser, распространенные экспресс-методы, такие как шаблоны, обработка ошибок.
ExpressJS 4 фрагмента
Это отличное расширение для автозаполнения с помощью любых связанных с экспресс-методами методов для Javascript - содержит 70 фрагментов и поддерживает синтаксис es6.
Вы можете скачать его на торговой площадке.
Экспресс-быстрее
Другой экспресс-фрагмент предоставляет шаблон для основных маршрутов CRUD для более быстрой разработки. Кроме того, у него также есть несколько фрагментов для мангуста, что довольно неплохо.
Вы можете скачать его на торговой площадке.
ReactJS
Функциональные компоненты, хуки, компоненты на основе классов, HOC, Testing, Redux, GraphQL и prop-types.
Фрагменты кода ReactJS
Фрагмент React для Javascript, Typescript, Javascript React и Typescript React.
Вы можете скачать его на торговой площадке.
ES7 React / Redux / GraphQL / React-Native фрагменты
Еще одно расширение фрагмента кода, которое дает вам больше, чем говорится, для Javascript, React / Redux в ES7 с плагином babel.
Вы можете скачать его на торговой площадке.
NodeJS
Для ванильных nodejs.
Узлы-фрагменты
Коллекция сниппетов nodejs, предоставляет отличные сниппеты для событий, HTTP-сервера, экспресс, обещаний, async / await, но не хватает некоторых базовых вещей, таких как требование глобального пути к модулям, fs и т. Д.
Вы можете скачать его на торговой площадке.
Кодовый бегун
Абсолютно необходимо, и это не только для узла! Он позволяет вам запускать код просто и эффективно, даже если это Python, PHP, C # и т. Д.
Вы можете скачать его на торговой площадке.
Отдых клиент
Позволяет отправлять HTTP-запросы и напрямую просматривать ответ в VSCode.
Вы можете скачать его на торговой площадке.
npm-intellisense от Кристиана Колера
Это отличное расширение, которое выполняет поиск внутри папки модуля узла, чтобы помочь вам импортировать / потребовать нужный пакет npm, это автоматически заполняет ваш модуль npm для импорта.
Вы бы не хотели тратить время на его поиски, так почему бы не автоматизировать вещи как можно больше.
Вы можете скачать его на торговой площадке.
Рекомендуемая литература
- Android - это просто Linux?
- Типографика: красивое проклятие
- Связаны ли искусственный интеллект и наука о данных?
- Основы системы контроля версий
- 7 практических советов по использованию цвета для мошенничества в дизайне
Спасибо за чтение!
Если вам нравится моя работа и вы хотите меня поддержать…
- НАИЛУЧШИЙ способ поддержать меня - это подписаться на меня на Medium здесь.
- Будьте одним из ПЕРВЫХ, кто подписался на меня в Twitter здесь. Я буду публиковать здесь много новостей и интересного!
- Также будьте одним из ПЕРВЫХ, кто подпишется на мой новый канал YouTube здесь!
- Следуйте за мной в LinkedIn здесь.
- Посетите мой сайт, скоро будет.
