Рекомендации по расширению для кода Visual Studio (JS/JSX/TS/JSON)

Что такое расширение в Visual Studio Code и почему меня это должно волновать?

Расширение в Visual Studio Code — это инструменты, которые можно загрузить из Marketplace, щелкнув значок

Он может помочь пользователям кодировать более эффективно, точно и ясно.

Вы можете спросить: «Эй, в Marketplace так много инструментов, какой мне скачать?»

Поэтому в этой статье я буду рекомендовать некоторые расширения, которые мне пригодились. Пожалуйста, не стесняйтесь отвечать на эту статью и делиться расширениями, которые не включены, но вы чувствуете, что все должны знать!

красивее

Prettier — это авторитетный форматировщик кода для JS/JSX/TS/JSON и связанного исходного кода. Это позволяет пользователю установить правило для создания согласованного стиля в вашем коде! С Prettier вам больше не нужно тратить время на исправление формата!

Например:

До

foo(longFunction(), superLongFunction(), wayTooLongFunction(), wayWayTooLongFunction());

После

foo(
  longFunction(),
  superLongFunction(),
  wayTooLongFunction(),
  wayWayTooLongFunction()
);

Намного легче читать, не так ли?

Для получения дополнительной информации о Prettier: https://github.com/prettier/prettier

ESLint

Синтаксическая ошибка — одна из самых распространенных ошибок при кодировании, и иногда она может быть очень неприятной. Поэтому всегда полезно иметь линтер для проверки кода, чтобы сэкономить ваше время на поиск небольшой ошибки.

ESLint может проверить ваш исходный файл на наличие потенциальной проблемы.

Для получения дополнительной информации об ESLint: https://eslint.org/

EditorConfig

EditorConfig позволяет пользователю переопределить рабочую область параметром, найденным в .editorconfig файлах. Эти правила не создают и не разрушают проект, но они уменьшают количество ненужных разногласий между членами команды, а также сокращают бессмысленные строки коммитов git.

Для получения дополнительной информации о EditorCongfig: https://editorconfig.org/