Расширения VS Code, которые сделают код быстрее! - 2021 г.

Я думаю, что расширения - это наша третья рука, и они не только делают кодирование более управляемым, но и делают его очень увлекательным! Иногда я ищу подходящие, интересные и забавные часы для продления. Возможно, я помешан на этом, и поэтому я хочу поделиться некоторыми расширениями, которые я использую ежедневно, которые делают меня более быстрым программистом! Есть несколько бонусных расширений и моя текущая любимая тема, которая заставляет меня сразу же проснуться и начать писать код!

Табнин - код быстрее

  • Я был поражен, когда впервые встретил Табнин. Мне казалось, что он читает мои мысли и предлагает эффективные коды. Очевидно, что цель Tabnine - повысить продуктивность разработчиков за счет системы на основе ИИ. И это мое самое любимое расширение!

GitLens

  • Как новичок в Git, я могу сказать, что это расширение просто необходимо! Теперь для меня это стандартное расширение VS Code. Это полезно для управления коммитами, слияниями, ветвлениями git и т. Д. И на сегодняшний день это мое самое любимое расширение!

Автоматическое переименование тега

  • Когда вы переименовываете один HTML / XML-тег, автоматически переименовываете парный HTML / XML-тег. Базовое, но удобное расширение! Это экономит так много времени, когда я пишу код, и на сегодняшний день это мое самое любимое расширение!

Живой сервер

  • Запустите локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц. Это быстро и эффективно. Мне не особенно нравится сохранять и нажимать кнопку F5 / обновить, чтобы увидеть изменения. Вместо этого я использую автосохранение и Live-сервер. И это, безусловно, мое самое любимое расширение!

Живой компилятор Sass

  • CSS - это очень весело, но это может быть немного сложно, когда вам нужно стилизовать свое веб-приложение для других устройств. Вот Live Sass Compiler! Вы можете легко стилизовать свое веб-приложение для нескольких устройств одновременно! И это мое самое любимое расширение!

Prettier - Средство форматирования кода

  • Да благословит Бог Красивее! Он поддерживает множество языков из коробки: JavaScript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Angular, GraphQL, Markdown, YAML…
  • Ненавижу неформатированный код. Это не выглядит приятным и неорганизованным, и мне хочется перестать писать код. Поэтому, если вы используете Prettier, вам больше не нужно беспокоиться о форматировании, и вы сможете обнаружить синтаксические ошибки раньше. И это мое самое любимое расширение!

БОНУС

Выделение блока с отступом

  • Имя расширения - Подсветка блоков с отступом, и оно делает именно то, что следует из названия - выделяет фактический блок кода, в котором вы уже находитесь. Это полезно во многих отношениях.

Иконки VSCode

  • Я не думаю, что каждое расширение должно программировать или упорядочивать для вас. Я использую некоторые расширения для красоты. Я думаю, что VS Code должен иметь это расширение в качестве стиля значка по умолчанию.

SynthWave ‘84

  • Я одержим темами и всегда стараюсь сделать их как можно красивее. Мы тратим часы на кодирование и должны убедиться, что нашли для себя наиболее удобную тему. Наконец-то я нашел самую красивую и личную тему, которую когда-либо использовал.