company_banner

10 возможностей VS Code, помогающих ускорить работу программиста

Автор оригинала: Aphinya Dechalert
  • Перевод
Когда программист попадает в состояние потока, его мысли часто движутся прямо-таки с космической скоростью. Он пишет код так быстро, как только может, прилагая все усилия к тому, чтобы ухватить свои идеи и не дать им растаять в воздухе или затеряться в закоулках новых образов.

Редактор Visual Studio Code (VS Code) стал восходящей звездой вселенной инструментов программирования сразу после того, как появился. Я долго не решалась его попробовать. Причина этого была не в том, что это — просто некий очередной редактор кода. Дело было в том, что вся моя работа была отлично организована в Sublime.

image

Для меня понятия «работа» и «написание кода» — это одно и то же. И, по большому счёту, неважно, каким именно редактором я буду постоянно пользоваться. Но изменения — это всегда нелегко. После того, как я неделю поработала в VS Code, я обнаружила, что моя продуктивность сильно просела. Я сделала за это время меньше, чем сделала бы, пользуйся я чем-то привычным.

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

В итоге я снова вышла на высокую производительность. Вряд ли я снова затею переход на новый редактор. VS Code — это надёжный и нетребовательный к ресурсам инструмент. Вокруг него собралось мощное сообщество разработчиков расширений. Пожалуй это — одна из лучших разработок Microsoft.

Вот 10 возможностей VS Code, освоение которых помогло мне ускорить работу. Надеюсь, они пригодятся и вам.

1. Сниппеты


Использование сниппетов — это серьёзный способ повышения продуктивности программиста. Дело в том, что они помогают автоматизировать ручной труд. Поначалу использование сниппетов может выглядеть как нечто вроде читерства. Но после того как, разрабатывая Angular-приложение, много раз воспользуешься этим средством для ввода каркаса конструкции switch в коде сущности View, перестаёшь обращать внимание на такие мысли.

Программирование — это, в сущности, знание о том, где и как пользоваться некими паттернами. Сниппеты ускоряют работу из-за того, что облегчают доступ к заранее заготовленным фрагментам кода.

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

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

Вот хорошее расширение, Angular Snippets, которое позволяет ускорить написание Angular-кода. При работе над проектами, основанными на React, я пользуюсь расширением ES7 React/Redux/GraphQL/React-Native snippets.

C Vue я пока не работала, но вот одно расширение, Vue 2 Snippets, которое, имея более 900 тысяч установок, выглядит многообещающим.

Процесс загрузки и установки расширений для VS Code можно начинать из браузера, но можно инициировать этот процесс и из интерфейса редактора. Для открытия панели, предназначенной для работы с расширениями, достаточно нажать на кнопку Extensions, выделенную на следующем рисунке.


Работа с расширениями в Visual Studio Code

2. IntelliSense


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

Об IntelliSense говорят, как об одном из основных средств VS Code, обеспечивающих высокую производительность труда. При этом многие, выбирающие VS Code, пользуются этой возможностью далеко не на полную мощность.

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


Работа с IntelliSense (источник)

Когда программист, например, вводит имя объекта и ставит после него точку, появляется выпадающий список с перечнем методов этого объекта. По мере того, как вводятся всё больше и больше букв имени метода, система фильтрует список. На определённом этапе ввода имени метода можно, клавишами-стрелками, выбрать нужное имя из довольно короткого списка, и нажать Enter для его вставки в код. Если сразу непонятно — какой именно метод нужен в данный момент — тут же можно взглянуть и на документацию.

Если в VS Code пришёл кто-то, кто пишет на Java или на C++, то всё это может и не показаться ему чем-то таким уж удивительным. Я видела нечто подобное, когда работала в Eclipse. Но в JavaScript-мире интеллектуальное автозавершение ввода — это возможность, достойная того, чтобы её заметили, и того, чтобы ей, ради значительного повышения скорости работы, пользовались.

3. Интегрированный терминал


Наличие в VS Code интегрированного терминала может помочь экономить время за счёт того, что программисту не приходится постоянно переключаться между окнами терминала и редактора. Это ещё значит и то, что в ходе автоматического запуска проекта очень легко замечать ошибки, не прерывая при этом своего обычного рабочего процесса.

Для того чтобы открыть терминал, можно воспользоваться сочетанием клавиш CTRL + ` (обратная галочка).

Терминал открывается для корневой директории текущего рабочего пространства.

Для открытия ещё одного окна терминала можно воспользоваться комбинацией клавиш CTRL + SHIFT + ` (всё та же обратная галочка).


Окно терминала в VS Code

4. Просмотр мест использования сущностей и их определений, рефакторинг


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

Для того чтобы увидеть такой список, достаточно щёлкнуть правой кнопкой мыши по методу, функции, или по чему-нибудь ещё, и выбрать в появившемся меню команду Peek References. Того же эффекта можно добиться, выделив нужный участок, и, на Windows-компьютере, воспользовавшись сочетанием клавиш SHIFT + F12.

Команда Rename Symbol из того же меню позволяет переименовывать сущности. Это особенно полезно при рефакторинге, или тогда, когда оказывается, что имя чего-либо больше не соответствует его предназначению.

5. Средства форматирования кода и инструменты для управления техническим долгом


Форматирование кода может превратиться в настоящий кошмар. Тут, конечно, программисту могут помочь линтеры, но запускать их приходится за пределами редактора.

Средства для форматирования кода помогают ускорить процесс разработки и обеспечить определённый уровень единообразия кода. Это оказывается очень кстати для проектов, работой над которыми занимаются команды программистов, когда у каждого разработчика могут быть собственные представления о форматировании.

Средства форматирования кода часто основаны на определённых соглашениях. Они позволяет обеспечить единообразие оформления текстов программ. Например, речь идёт о правилах выравнивания кода, о расстановке скобок, и, в целом, о том, как выглядит код.

В то время как автоматическое форматирование способствует снижению количества споров, касающихся стиля текстов программ, и помогает улучшить внешний вид кода, оно никак не помогает избавляться от технического долга. Именно поэтому я рекомендую обратить внимание на расширение Tech Debt Tracker.


Средство для управления техническим долгом в действии (источник)

Tech Debt Tracker использует набор показателей для определения сложности кода и потенциального технического долга, который может быть связан с этим кодом. Данное расширение нацелено на JavaScript и TypeScript-код. Оно даёт разработчику рекомендации по поводу улучшения текстов программ и может помочь ему выработать у себя привычку писать чистый и читабельный код.

6. Клавиатурные сокращения


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

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

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

Панель клавиатурных сокращений можно посмотреть, воспользовавшись комбинацией клавиш CTRL + K + S.


Панель клавиатурных сокращений в VS Code

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

Здесь можно найти расширения, которые помогают настраивать клавиатурные сокращения в VS Code.

7. Дзен-режим


Кто не любит работать, не отвлекаясь ни на что постороннее? В дзен-режиме (zen mode) VS Code переводится в полноэкранный режим, из интерфейса исчезает всё, что может отвлечь от работы с кодом. Для перевода редактора в этот режим нужно выполнить особую последовательность действий. А именно, тут используется не сочетание клавиш, а скорее — последовательность сочетаний клавиш. Для того чтобы выяснить, как именно дзен-режим включается у вас — загляните в панель клавиатурных сокращений и поищите по слову zen.

В моём случае для включения дзен-режима используется следующая последовательность сочетания клавиш: сначала — CTRL + Z, и сразу после этого — K. То есть — для перехода в этот режим я сначала нажимаю клавиши CTRL + Z, отпускаю их, а потом нажимаю и отпускаю K. У вас это может выглядеть иначе. Например — как CTRL + K и Z.

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

8. Git


Прямо из VS Code можно делать коммиты в Git-репозитории. Как оказалось, VS Code очень хорошо поддерживает Git. А именно, тут можно готовить к коммитам изменённые файлы, делать коммиты, откатывать изменения, делать комментарии. В общем — всё, что обычно делается средствами командной строки, можно сделать, не покидая редактора. Тут вам понадобится панель Source Control, открываемая соответствующей кнопкой, расположенной в левой части экрана. Например, для подготовки изменённого файла к коммиту можно воспользоваться кнопкой со знаком +, находящейся в верхней части этой панели. После этого можно вызвать контекстное меню этого файла и найти в нём дополнительные команды.

Хотя всё это можно сделать и в консоли, и воспользовавшись настольным приложением GitHub, возможность работать с Git, не покидая редактора, может помочь в повышении производительности труда программиста.

Тут, опять же, всё дело в сохранении состояния потока. Программист, работая с Git, не покидает привычной рабочей среды. Ему не нужно переключаться между терминалом и редактором, не нужно постоянно думать о том, что где находится. Всё, что нужно для решения различных задач, всегда у него под рукой.

Существуют расширения для VS Code, автоматизирующие разные аспекты работы с системами контроля версий. Например, расширение GitLens позволяет получать подробности о репозиториях. Скажем — о том, кто внёс какое изменение в код, о том, какие изменения подготовлены к коммиту, а какие — нет. Это расширение умеет аннотировать код, давая доступ к сведениям из системы контроля версий. Например — к таким, как время коммита и изменения, внесённые коммитом в проект. GitLens — это инструмент, который особенно полезен при командной работе над проектами.

9. Отладчик


В VS Code имеется отладчик, который позволяет запускать код и устанавливать в нём точки останова, указывая те места, в которых выполнение программы должно быть приостановлено. Это позволяет, не покидая редактора, отлаживать программы, анализируя их внутреннее состояние во время их выполнения.

Отладка — это нечто большее, нежели вывод сообщений в консоль инструментов разработчика Chrome. В ходе отладки можно узнавать о том, что происходит внутри программы и, в результате, обнаруживать и устранять источники самых разных проблем. Если у программиста, например, есть подозрения по поводу правильности работы некоей функции, он может, в ходе отладки, выполнить эту функцию в пошаговом режиме, исследуя в ходе этого процесса состояние программы.

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


Кнопка Debug и панель отладки

Для запуска отладки надо нажать на кнопку Start Debugging, которая находится в верхней части панели отладки. В ходе отладки можно работать с окном консоли, открываемом в нижней части окна программы.

По умолчанию VS Code использует для запуска отлаживаемого кода среду Node.js, но можно сделать так, чтобы для отладки использовался бы отладчик браузера Google Chrome. В целом, можно отметить, что отладка кода — это режим работы, в котором можно обнаружить источники проблем, которые очень непросто найти при обычном выполнении кода.

10. Совместная работа над проектами в режиме реального времени


Вам когда-нибудь доводилось редактировать в Google Docs документ вместе с кем-нибудь другим? Расширение Live Share даёт, в сущности, те же возможности, но в применении к работе над программами. Связь между теми, кто работает в таком режиме, устанавливается через учётные записи GitHub или Azure.

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

Итоги


Эффективность разработчика зависит не только от того, как хорошо он умеет программировать. Она зависит ещё и от того, насколько глубоко он знает используемые им инструменты.

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

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

Уважаемые читатели! Чем вы пользуетесь для написания кода?


RUVDS.com
1 175,60
RUVDS – хостинг VDS/VPS серверов
Поделиться публикацией

Комментарии 60

    +5
    Из интересного пожалуй только номер 5. Всё остальное стандарт для IDE.
      +5

      Но VS Code обычно преподносят как блокнот, а не полноценную IDE. Если смотреть именно в таком контексте, то для простых редакторов кода эти вещи уже не такие обыденные.

        0
        Кто и где его так преподносит?
          +1
          Эмм, компания Microsoft прямо на официальном сайте:
          Visual Studio Code is a streamlined code editor with support for development operations like debugging, task running, and version control. It aims to provide just the tools a developer needs for a quick code-build-debug cycle and leaves more complex workflows to fuller featured IDEs, such as Visual Studio IDE.
        +1
        В скольки IDE есть совместная работа над проектами в режиме реального времени?
        +2
        VS Code — это надёжный и нетребовательный к ресурсам инструмент.
        А vim тогда что?
          +5
          Надёжный и нетребовательный к ресурсам инструмент для разработчиков-маньяков?
          А Emacs надёжная и нетребовательная к ресурсам операционная система для разработчиков-маньяков? :)
            –1
            Да достали уже «свидетели vim»! Тут то он сейчас каким боком у вас вылез?
              +9
              Надёжностью и нетребовательностью.
                +1
                Тогда уж nano. Вот поистине нетребовательно.
                  0

                  Тогда уж ed, зачем усложнять? :)

              +5
              Да даже после Sublime Text многие отмечают медлительность VS Code, а большая часть там есть или настраивается (для гита вообще отдельный инструмент сделали).
                +3
                vim тоже надежный и нетребовательный к ресурсам инструмент.
                  +1
                  Крутая штука с двумя функциями: «всё портить» и «бибикать». А еще из нее очень трудно выйти, если не знаешь как.
                  0
                  Пока юзаю vs code но облизываюсь на WebStorm все же полноценная IDE лучше.
                    +2
                    А почему, по вашему мнению, vscode не полноценная?
                      +3
                      Ну, как пример со своей колокольни могу сказать, что писать под Django комфортнее в PyCharm — он, например, смотрит на модели и подставляет знаечения, когда пишешь views.

                      Но в целом VSCode очень хорош, по-моему. Прямо неприлично хорош для бесплатного продукта.
                        0
                        А в VSCode формы есть?
                          0
                          Компания, создатель vscode, позиционирует продукт как «удобный редактор кода» — «Visual Studio Code is a lightweight but powerful source code editor» не IDE.
                            +2
                            VSCode это навороченный текстовый редактор. Там можно многое. Она очень удобна и расширяема. Можно многое настроить, можно мирится с мелкими батипа гами «а почему эта хрень загрузила ядро на 50%», «а почему вдруг перестал работать интелисенс по структуре проекта (когда выбираешь импортируемый модуль)», «а теперь я хочу изучить реакт, так ща буду гуглить как скачать и заюзать его cli для развертывания проекта»
                            Но порой хочется вообще забыть про все и кодить. Для этого и существуют платные, стабильные и более тяжелые инструменты, где эти вещи уже решены.
                              +2
                              «а почему эта хрень загрузила ядро на 50%»

                              Это и во многих IDE не редкость.
                                0
                                В ИДЕ можно приблизительно представлять, почему так происходит (что не значит, что это хорошо, но это объяснимо на мой взгляд), от программы, которая позиционируется как, цитирую, «lightweight but powerful source code editor», этого ожидать не приходится.
                              0
                              Как минимум webstorm умеет подсвечивать неиспользуемые методы в классах, vscode этого делать не умеет (казалось бы мелочь, но из таких мелочей и строится удобство), по крайней мере я танцевал с бубном в проекте где используется ts и vue, настраивал eslint, соединял его с плагином для поддержки ts, в итоге ничего собственно не вышло. Может я криворукий конечно.
                                0
                                на данный момент vscode умеет подсвечивать неиспользуемые приватные методы. Публичные у него считаются используемые всегда.
                                0
                                Ты это поймешь как только начнешь работать над сколь-нибудь сложным проектом или с использованием крупного фреймворка.

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

                                Основная его проблема- это изначальное позиционирование. Микрософт не даст ему развиться, так как есть старшая Студия. Да, многое недостающее можно добить плагинами, но они конечно-же проигрывают по качеству аналогам из платных IDE и сопряжение этих плагинов местами вызывает раздражающие проблемы.
                              +2
                              IntelliSense невозможно пользоваться на больших проектах. Начинает индексировать файлы, жрать процессор и гонять винт как невменяемый. Особенно заметно, когда переключаешься с ветки на ветку.
                              Это давно признанный баг, который они (MS) толком и не пофиксили. При чем наблюдается на всех платформах. Пришлось отключить это расширение и работать без него. Установка лимита использования CPU не работает, хотя и присутствует в настройках.
                                0
                                Согласен, солюшен всего на 69 проектов, пару раз переключишься с Debug в Release и назад, ветки поменяешь пару раз, сабмодули попереключаешь и вот уже пора и студию перезапускать, иначе никак.
                                  0

                                  Да тут и одного angular проекта хватает. Если перегенерить файлы DTO на основе моделей бэка — vs code нередко пишет о том что файлов не существует, хотя на самом деле они есть.

                                  0
                                  Была похожая проблема, поставил vs codium — проблема исчезла.
                                  +1
                                  VS Code — это не среда разработки, скорее очень навороченный блокнот.
                                  Я искал средство для разработки на Linux, пробовал VS Code, но как только выяснилось что он не поддерживает создание проекта на C# и большие проекты в нем неудобно работать, он отпал. Пока он IDE не заменит, к сожалению. Жаль VS Community не кроссплатформенный, с ним и VS Code был бы не нужен…
                                    0
                                    dotnet new --help
                                    Но, вообще, да, для С# Visual Studio предпочтительней, а вот для TypeScript наоборот.
                                      0
                                      Да, вы правы, но хочется удобной работы — поменьше гуглить, поменьше плагины тестить перед использованием. Когда один на проекте, все хорошо в Code, а вот как работать большой командой плохо себе представляю. На работе в VS Ent. работаем, и то там встроенных средств многим не хватает, а тут…
                                      Наверное я смогу построить работу в VS Code, но блин, стоит ли оно того? Я еще недостаточно гик для этого ))

                                    0
                                    Что за цветовая тема в 5 пункте?
                                      0
                                      Если я не ошибаюсь, то это Atom One Dark (да, она так и называется, можно найти прямо во встроенном маркете)
                                        0
                                        One Dark Pro
                                        0
                                        А что, «скорость стучания по клавишам» это реально так важно в современной разработке?
                                        Я довольно часто наблюдаю как некоторые коллеги работают: набрал строку, стёр, набрал по другому, стёр, ещё раз набрал. За то же время его сосед один раз набрал с паузами на подумать и сразу нормально получилось.
                                        Что касается VSCode, лично меня раздражает то, что эта зараза не помнит список открытых файлов/окон. Хоть на листочке записывай :)
                                          –1
                                          Открывайте на файл(файлы), а рабочую папку в нем. Тогда запомнит все открытые файлы и при следующей загрузке отобразит их.
                                            0
                                            "window.restoreWindows": "all"
                                              0
                                              Спасибо, то что нужно :)
                                              И gooddaytoday тоже спасибо. Главное, пробовал же раньше workspace сохранять, и не работало. А теперь работает. Видно что-то делал не так.
                                            +19
                                            > нетребовательный к ресурсам инструмент
                                            хм… сильное заявление для приложения написанного на электроне
                                              +5

                                              Пожалуй, VS Code, одно из немногих, если не единственное, хорошо написанное на электроне, быстрое приложение.
                                              Я думаю, тут сравнивают, скорее, с idea, который все еще остаётся весьма прожорливым.

                                                +4

                                                Которое, как бы идеально оно не было написано, все равно остается приложением на электроне. И с пустого места отжирает по 1.5гб оперативы.

                                              –7
                                              Я поставил vscode просто потому что не нашел кряк на последний pycharm professional. Да вот так я стал пользоваться продуктом от microsoft потому что нет денег. В этом есть какая-то ирония
                                                +1

                                                Воровать нехорошо. Но чем вам PyCharm Community не угодил?

                                                  0
                                                  У меня ноут для экспериментов с 3Гб RAM — PyCharm, практически, вешает систему( Когда начал изучать Python долго пытался заставить себя работать сразу «как взрослый» в PyCharm. Но привык писать на JS в VSCode и ничего поделать пока с собой не могу)
                                                    0
                                                    Да, про память я не подумал, уменя чуть больше. Но если не нужен функционал для Django, я тоже часто в VSCode пишу и не страдаю.
                                                      0
                                                      У меня ноут для экспериментов с 3Гб RAM — PyCharm, практически, вешает систему
                                                      А у меня ноут для экспериментов с 2ГБ RAM — VSCode запускается секунд за тридцать.
                                                      PyCharm Community — не настолько дольше, чтобы им не пользоваться.
                                                      Вероятно, те его возможности, которые вешают систему, остались в Professional?
                                                        0
                                                        Если не видно разницы — зачем «платить» больше? )
                                                      0
                                                      Так какой-то фичи нет которую ну очень надо было.
                                                      0
                                                      Неужели вы зарабатываете настолько мало, что не можете позволить себе оплату вашего же рабочего инструмента?

                                                      $8.9 в месяц или $89 в первый год (дальше — меньше, вплоть до $53) это не много для превосходного инструмента.
                                                        0
                                                        он был вообще прелесть если был не на яве а С. тут я должен заметить что vscode как-то субьективно быстрее работает =)
                                                      0

                                                      а ктонить пишет на javascript не в vs code, а во "взрослой" visual studio (тоже халявная), и почему?

                                                        0

                                                        лучше во взрослом webstorm

                                                          0

                                                          Емнип, visual studio халявная только в community-редакции

                                                          0
                                                          прочитал про Tech Debt Tracker, захотелось пропустить через него свой код… только боюсь, в инфракрасный диапазон уйдёт, или сразу в радиоволны…
                                                            –1
                                                            Меня вот больше интересует, когда уже Salesforce реализует нормальный форматер для Apex и автозавершение для своего Vs-code плагина. Ибо vs-code единственная IDE, которую Salesforce поддерживает официально, но элементарная невозможность без танцев с бубном форматировать код выбешивает до невозможности.
                                                              +1
                                                              Я бы ещё добавил расширение rainbow brackets. Подсвечивает вложенные скобки разным цветом относительно их уровня вложенности.
                                                                0
                                                                Вот, кстати, никогда не понимал зачем это нужно. Нормальный редактор/IDE и так подсветит/дополнит незакрытую скобку, плюс форматирование дает понять вложенность.

                                                                В общем для меня это лишний визуальный мусор.
                                                                0
                                                                Еще немного в копилку (работаю с VSCode уже более года, проекты на React):
                                                                — GitLens использую только частично, что бы видеть историю построчно, слишком он тяжелый.
                                                                — Color Hightlight — делает фоном указанный в стиле цвет (наглядно).
                                                                — TODO Tree — все туду в одном месте
                                                                — Auto Rename Tag — меняет сразу открывающий и закрывающий элемент
                                                                — Bracket Pair Colorizer — уже сказали, но штука отличная
                                                                — Material Icon Theme — субъективщина, но удобные иконки для всего
                                                                  0
                                                                  капец сколько воды. маркетологом писано, 100%

                                                                  Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                                  Самое читаемое