Visual Studio Code - один из самых популярных на сегодняшний день облегченных редакторов кода. VScode обеспечивает поддержку множества расширений и плагинов, что делает его подходящим редактором для использования при разработке. Здесь мы рассмотрим некоторые из этих расширений и приемов, которые облегчают жизнь программисту.

Quakka.js

Квокка. js - это площадка для быстрого создания прототипов для JavaScript и TypeScript. Он запускает ваш код сразу же по мере ввода и отображает различные результаты выполнения в вашем редакторе кода. Вместо того чтобы заходить в браузер и писать фрагменты кода на консоли разработчика, вы можете открыть новый файл quakka из палитры команд, где вывод отображается вместе с кодом.

Брекет-пара Colorizer 2

При разработке больших проектов, состоящих из сложной логики, избежать вложенных скобок практически невозможно. В такой ситуации отслеживание скобок становится накладными расходами, и вы можете заблудиться в лабиринте этих бесконечных скобок. Здесь вам поможет расширение Bracket Pair Colorizer 2. С помощью этого расширения связанные скобки будут выделены тем же цветом, что и скобки, которые неуместны.

Как показано в приведенном выше фрагменте кода, различать связанные скобки становится проще из-за разной цветовой схемы для каждой из них.

Отступ радуги

Хотя JavaScript не требует отступов как части синтаксиса при написании кода, считается хорошей практикой следовать правилу отступов при написании кода на любом языке. Радуга отступов - это простое расширение, которое делает отступы более удобочитаемыми за счет раскрашивания каждого отступа табуляции. Это означает, что каждое пространство табуляции будет представлено другим цветом, что упрощает подсчет отступов.

В приведенном выше фрагменте кода с отступом разное пространство табуляции, каждое из которых представляет свой цвет.

Журнал Turbo Console

Никому не нравится писать длинные операторы вроде console.log и думать о правильном сообщении, которое будет отображаться вместе со значением переменной в операторе консоли. В большинстве случаев вы просто хотите увидеть значение переменной и двигаться дальше. Большинство из нас (включая меня) в конечном итоге тратят значительное количество времени на console.log ().

Обо всем этом заботится расширение под названием Журнал Turbo Console. Это расширение значительно упрощает отладку, автоматизируя операцию записи значимого сообщения журнала. После того, как вы установили этот плагин, все, что вам нужно сделать, это выбрать переменную, которая является предметом отладки, и нажать control + option + l (в mac) или control + alt + l, и в следующем окне будет напечатан содержательный console.log. линия.

Оба console.log () генерируются с использованием журнала Turbo console. Выберите переменную (в данном случае дату и время), а затем нажмите control + option + l (в Mac) или control + alt + l, чтобы сгенерировать осмысленные операторы отладки.

Исключить папки

Это не расширение, а просто уловка, чтобы понять, что имеет значение. Такие папки, как node_modules, которые обычно не используются при разработке, становятся неприятными, если вы щелкаете раскрывающийся список и вам приходится иметь дело с ненужным массивом файлов. Вы можете исключить такие файлы или папки из дерева проводника, выполнив следующие действия:

  1. Зайдите в настройки в VScode.
  2. Найдите files.exclude в строке поиска.
  3. Выберите добавить узор и введите **/node_modules.
  4. Вернитесь назад, и вы увидите, что node_modules больше не является частью дерева проводника.

GitLens

Это один из самых популярных плагинов в VScode. GitLens расширяет возможности Git, встроенные в Visual Studio Code. Это просто помогает вам лучше понимать код. Быстро узнайте, кто, почему и когда была изменена строка или блок кода. Вернитесь в прошлое, чтобы лучше понять, как и почему развивался код.