Как связать visual studio с visual code

Обновлено: 02.05.2024

Live Share enables you to quickly collaborate with a friend, classmate, or professor on the same code without the need to sync code or to configure the same development tools, settings, or environment.

When it comes to Live Share, seeing is believing. Check out this video to see Live Share in action:

When you share a collaborative session, the person you're working with sees the context of the workspace in their editor. This means your classmate can read the code you shared without having to clone a repo or install any dependencies your code relies on. They can help you with your code in the Visual Studio Code environment that's familiar to them.

Each of you can open files, navigate, edit code, or highlight - and changes are instantly reflected. As you edit you can see your classmate's cursor, jump to the same location, and follow their actions.

You can also debug together using VS Code's debugging features, like hovers, locals and watches, the stack trace or the debug console. You are both able to set breakpoints and advance the debug cursor to step through the session.

For more details about what you can do with Live Share, visit the how-to-guide or read the quick-start below.

Get started with Live Share

To get started with using Live Share in VS Code, you'll need to download the Live Share Extension Pack from the Extension Marketplace.

Live Share Extension Pack

This extension pack includes everything you need to start collaboratively editing and debugging in real time, including integrated audio and text chat. This provides you and your team/class with a one-click installation, in order to begin pair programming, performing remote code reviews, driving interactive lectures, and more, without needing to leave Visual Studio Code.

Once you log into your GitHub account, you'll see the Live Share icon in the Activity Bar.

Starting a Live Share session

If you select Start Collaboration session from the Session Details menu, an invitation link to your session will automatically be copied to your clipboard. You can share this link with anyone you'd like to collaborate with, as long as they also have VS Code and the Live Share Extension Pack downloaded.

Live Share invitation

When your classmate joins the session, you'll get a notification, and see their name come up under Participants.

Live Share joined

Joining a Live Share session

If you select Join Collaboration session from the Session Details menu, you're able to enter the URL you received.

Joining a Live Share session

You should be able to see and interact with your classmate's code on your screen!

Вас приветствует Visual Studio Live Share! Live Share позволяет редактировать и отлаживать код совместно с другими пользователями в реальном времени независимо от используемых вами языков программирования и создаваемых типов. С помощью этого расширения вы можете мгновенно и безопасно присоединиться к текущему проекту коллеги, а затем при необходимости получать доступ к сеансам отладки, просматривать и редактировать экземпляры терминалов, просматривать веб-приложения localhost, участвовать в голосовых звонках и многое другое!

Готовы начать? Совместная работа в команде должна быть настолько естественной и быстрой, что от нее должно быть трудно отказаться! По этой причине мы максимально упростили первые шаги в Visual Studio Live Share — вы можете начать делиться своими идеями и результатами работы без всякого труда.

Знаете ли вы, что можно присоединиться к собственному сеансу совместной работы? Вы сможете попробовать Live Share самостоятельно либо запустить экземпляр Visual Studio или VS Code и подключиться к нему удаленно! Вы можете даже использовать одно удостоверение в обоих экземплярах. Убедитесь в этом сами!

Чтобы присоединиться к сеансу совместной работы, следуйте инструкциям ниже.

1. Установка расширения

Установить расширение несложно. Просто выполните указанные ниже действия.

Скачивая и используя Visual Studio Live Share, вы соглашаетесь с условиями лицензии и заявлением о конфиденциальности. Если у вас возникают проблемы, ознакомьтесь с руководством по устранению неполадок.

2. (Необязательно) Присоединение в качестве гостя с правами только на чтение в VS Code

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

Чтобы вносить изменения в код общего проекта, необходимо выполнить вход.

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

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

Join as session as a read-only guest toast

Необходимо ввести отображаемое имя, по которому другие участники сеанса будут идентифицировать вас.

Read-only guest name

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

3. Войти

В Visual Studio Code:

В Visual Studio сделайте следующее:

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

Toast notification asking to sign in using a web browser

Для пользователей Linux. в старых версиях Live Share (0.3.295 и более ранних) может появиться запрос на ввод кода пользователя. Обновите расширение до последней версии или щелкните ссылку "Возникли проблемы?" после входа, чтобы просмотреть код. Дополнительные сведения см. здесь.

В Visual Studio расширение Live Share автоматически использует вашу персонализированную учетную запись. Поэтому вход можно выполнять обычным образом. Однако если вы не хотите использовать персонализированную учетную запись Visual Studio для входа, перейдите в раздел Сервис > Параметры > Live Share > Учетная запись пользователя и выберите другие учетные данные.

Если у вас по-прежнему возникают проблемы, ознакомьтесь с руководством по устранению неполадок.

4. Открытие ссылки приглашения в браузере

Теперь просто откройте ссылку приглашения в браузере (повторно, если вы уже открывали ее ранее).

Примечание. Если вы еще не установили расширение Live Share, отобразятся ссылки на магазин расширений. Установите расширение, перезапустите средство и повторите попытку.

Должно появиться уведомление о том, что в браузере будет запущено средство с поддержкой Live Share. Если подтвердить запуск, средство запустится и подключится к сеансу совместной работы.

Join page

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

Совет по устранению неполадок. Если вы используете VS Code, то перед открытием или повторным открытием страницы приглашения обязательно запустите средство по крайней мере один раз после того, как установите расширение и дождетесь завершения установки зависимостей (см. информацию в строке состояния). Все еще остались проблемы? См. инструкции по присоединению вручную.

5. Совместная работа

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

Вы можете попробовать сделать следующее:

Возникли проблемы? Ознакомьтесь с разделом по устранению неполадок или отправьте отзыв.

Вы готовы организовать совместную работу с помощью Live Share в Visual Studio Code? В этой статье показано, как настроить сеанс совместной работы в Visual Studio Code с помощью расширения Live Share.

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

Вам достаточно краткой сводки? Перейдите к кратким руководствам по общему доступу или присоединению.

Знаете ли вы, что можно присоединиться к собственному сеансу совместной работы? Так вы сможете поработать с Live Share самостоятельно или запустить экземпляр Visual Studio или Visual Studio Code и подключиться к нему удаленно. Вы можете даже использовать одно удостоверение в обоих экземплярах. Убедитесь в этом сами!

Предварительные требования

Прежде всего вам необходима поддерживаемая версия Visual Studio Code, соответствующая базовым требованиям для Live Share.

Вам потребуется Visual Studio Code (1.22.0 или более поздней версии) в одной из следующих операционных систем:

Windows: 7, 8.1 или 10.

Linux: 64-разрядная версия Ubuntu Desktop 16.04 или более поздних версий, Fedora Workstation 27 или более поздних версий или CentOS 7.

Установка пакета расширения Live Share

Скачивая и используя Visual Studio Live Share, вы соглашаетесь с условиями лицензии и заявлением о конфиденциальности. Если у вас возникают проблемы, ознакомьтесь с руководством по устранению неполадок.

Screenshot that shows the status bar during download.

  1. Установите Visual Studio Code. в Marketplace и установите пакет расширения Visual Studio Live Share.
  2. Перезагрузите Visual Studio Code.
  3. Подождите, пока все зависимости будут скачаны и установлены. (См. строку состояния.)
  4. Только для Linux. Если вы видите уведомление об установке отсутствующих библиотек:
    1. Выберите Установить в этом уведомлении.
    2. Введите пароль администратора (sudo), когда появится соответствующий запрос.
    3. По завершении установки перезапустите Visual Studio Code.

    Button to download Live Share.

    Действия по установке Linux

    Среда Linux бывает очень разной. Учитывая количество сред и дистрибутивов для рабочего стола, установить Live Share может быть сложно. Процесс должен быть простым, если вы используете официальные распределения Visual Studio Code и:

    • Ubuntu Desktop версии 16.04 и более поздних версий.
    • Fedora Workstation версии 27 и более поздних версий.
    • CentOS 7.

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

    Установка необходимых компонентов для Linux

    В некоторых дистрибутивах Linux отсутствуют библиотеки, требуемые для Live Share. По умолчанию Live Share пытается обнаружить и установить все необходимые компоненты для Linux. Появится уведомление с запросом на установку библиотек, когда Live Share возникает проблема, которая может быть вызвана отсутствием библиотек:

    Screenshot of notification for missing Linux libraries.

    Если вы выберете Установить, откроется окно терминала. Чтобы продолжить, введите пароль администратора (sudo). Если установка завершится успешно, перезапустите Visual Studio Code. Все должно быть настроено. Вы также можете ознакомиться с разделом Советы при использовании разных дистрибутивов, где приведены подсказки и способы решения проблем.

    Возможно, вам не нужно Visual Studio Code выполнить команду. Вы можете повторно запустить последнюю версию этого скрипта в любое время, выполнив следующую команду из окна терминала:

    Интеграция с браузером в Linux

    Visual Studio Live Share обычно не требует дополнительных действий по установке, чтобы включить интеграцию браузера в Linux.

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

    Сведения о том, почему требуется пароль и где Live Share размещает файлы, см. в разделе Интеграция с браузером в Linux. Если интеграцию с браузером настроить не удастся, вы можете присоединяться к сеансам совместной работы вручную.

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

    Screenshot that shows the Live Share sign in options.

    Параметры liveshare.account позволяют liveshare.accountProvider выбрать учетную запись, используемую для автоматического входа, если у вас есть кэшированные учетные данные для нескольких учетных записей. Например, представьте, что вы работаете с двумя проектами и хотите войти в них, используя разные удостоверения. В параметрах рабочей области Visual Studio Code можно включить в liveshare.account разные адреса электронной почты в каждом каталоге проекта. Затем в проектах будет автоматически выполняться вход в систему с использованием правильной учетной записи. Если вы используете один и тот же адрес электронной почты с несколькими поставщиками, для liveshare.accountProvider можно задать значение "microsoft" или "github" .

    Если Visual Studio Code не распознает, что вы выполнили вход, можно ввести код пользователя.

    Должен открыться браузер. Используйте его для выполнения входа:

    Когда все будет готово, выберите Возникли проблемы? Щелкните здесь для получения указаний по коду пользователя, чтобы увидеть код пользователя.

    Screenshot that shows a user code in a browser window.

    Скопируйте этот пользовательский код.

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


    Visual Studio Code — редактор кода, с поддержкой более 30 языков программирования и форматов файлов, а так же обладающий рядом дополнительных, полезных возможностей.

    Инструмент вышел весной этого года, и ранее мы уже успели рассказать о базовых возможностях этого кроссплатформенного редактора. Напомню, что использовать VS Code можно на компьютерах под управлением Windows, OS X и Linux.

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

    Полный список поддерживаемых языков на текущий момент:


    Системы контроля версий

    Интеграция с Git

    Visual Studio Code поддерживает локальное и удаленное Git хранилища. Как только Git утилита будет установлена, Visual Studio Code необходимо перезапустить и инициализировать Git для текущего рабочего пространства:


    Начиная с этого момента с Git можно работать локально. Переключившись на Git окно можно увидеть все измененные файлы и сравнить их содержимое с предыдущими версиями:


    VS Code так же позволяет работать с различными ветвями проекта:


    Visual Studio Online

    Для полноценного использования платформы Git может потребоваться сторонний провайдер. В этой статье рассмотрим GitHub и Visual Studio Online. Если необходимо опубликовать проект с открытым исходным кодом — используйте GitHub, но если код должен быть закрыт от внешнего мира, то нужно будет приобрести подписку.

    Visual Studio Online не поддерживает проекты с открытым кодом, но позволяет создавать закрытые проекты и если ваша команда состоит из 5 и менее разработчиков, то использование Visual Studio Online будет бесплатным. При этом, нужно отметить, что система контроля версий, это всего лишь одна из возможностей Visual Studio Online, вместе с тем можно использовать много других возможностей, таких, как утилиты планирования, Kanban доска, виртуальная комната для команды и др. Таким образом, VS Code и VS Online способны обеспечить полную поддержку цикла разработки программного обеспечения.

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



    Если Git устанавливался, как часть утилит командной строки XCode, то все необходимые файлы уже есть на Mac и нужно просто выполнить команду: git config --global credential.helper osxkeychain

    GitHub

    Перейдем на основную страницу проекта и скопируем ссылку, которую необходимо использовать для клонирования содержимого. Воспользуемся терминалом, чтобы выполнить процесс инициализации. Сделать это можно из VS Code, используя контекстное меню или окно Command Palette:


    Как и в случае в Visual Studio Online Git можно ассоциировать с выбранным именем: git config --global user.name xxxxx

    Команда клонирования создаст на диске новый каталог со всеми исходными файлами внутри и, используя VS Code, откроем полученный каталог.

    Unity 3D


    Эти форматы поддерживаются Visual Studio Code, поэтому можно открыть каталог.

    Unity работает с несколькими проектами, которые используются для сборки игры на различных этапах, но чтобы открыть только один из них воспользуемся строкой состояния и нажмем pick a project:


    Visual Studio Code отобразит всплывающее окно, где можно выбрать проект. В этом случае нужен проект с суффиксом csharp:


    Теперь IntelliSense система работает правильно, и можно продолжать работу в Code:


    Отладка

    Visual Studio Code поддерживает отладку для node.js проектов и для проектов на mono. Продемонстрируем возможности отладчика на примере интеграции Unity и Visual Studio Code, поскольку Unity использует Mono.

    Чтобы активировать отладку в Code необходимо создать файл launch.json и внести туда настройки отладчика. Переходи в окно Debug и нажимаем кнопку Settings, чтобы активировать создание launch.json:


    Удаляем из созданного файла весь код для работы с node.js, и добавим следующий:

    Если используется Unity plugin, то небходимо проверить, что опция Write Launch File установлена:


    Если опция установлена, то необходимо запустить приложение в Unity плейере и launch.json будет создан автоматически.

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


    Отладчик обладает всеми необходимыми атрибутами, характерными для профессиональных инструментов: Breakpoints, Call Stack, Watch, Variables, Debug Action Panel, Debug Console.

    Задачи

    В контексте Visual Studio Code можно выполнить любую команду командной строки и просмотреть результаты работы прямо из среды разработки. Таким образом можно использовать внешние компиляторы, отладчики, средства тестирования и тд.

    Открыв Command Palette и набрав Run Task, Вы можете увидеть, что Code распознал все задачи в конфигурационном файле для grunt и их можно запустить. В результате работы задачи, можно увидеть новый JavaScript файл со всем исходным кодом внутри, преобразованным по алгоритму. При этом, результаты работы будут отображаться в окне Output, что позволит вовремя обнаружить проблему.

    Azure

    Прямой интеграции Visual Studio Code c Azure не предусмотрено. Но существует способ, который облегчает процесс развертывания веб-сайтов из Code в Azure.

    Для этого необходимо завести учетную запись Azure, открыть панель управления и создать новое веб-приложение, используя шаблон Web App, благодаря которому в течении нескольких секунд можно создать хостинг пространство для будущего сайта и разместить его там.

    Как только инфраструктура создана можно перейти к настройкам. В данном сценарии — Continuous deployment:


    Отсюда, видно, что Azure поддерживает возможность развертывания решений из различного типа хранилищ. Именно с помощью интеграции с хранилищами GitHub и Visual Studio Online, описанных ранее, можно связать между собой Code и Azure. Таким образом, получая возможность продолжать выполнять удаленное развертывание кода прямо из интерфейса редактора Visual Studio Code.

    Заключение

    Visual Studio Code позволяет реализовать различные сценарии работы и выходит за рамки обычного редактора кода. Описанные сценарии охватывают только часть возможных сценариев, подробнее описанных на странице официальной документации.

    Так же, мы с удовольствием делимся с вами видео-материалами, включающими в себя пошаговые инструкции по установке, настройке и работе с инструментом Visual Studio Code на Mac:


    Удивительно, но до сих пор на Хабре нет хорошей подборки плагинов для Visual Studio Code для тех, кто пишет на С/С++. Microsoft в своем блоге опубликовали только статью, совсем базового уровня с инструкцией по настройке. Но большинство читателей Хабра, тем более из разработчиков, обойдется без такой подробной инструкции. Есть только несколько подборок для веб-разработчиков, но не для С++.

    Наверное это связано с тем, что большинство С++ разработчиков использует тяжеловесные IDE, в первую очередь конечно же Visual Studio.

    Но в Linux и MacOS с полноценными IDE всё не так просто, да и тяжелая среда разработки не всегда нужна или просто не хочется ее использовать.

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

    Вопрос считать VS Code IDE или только редактором кода весьма холиварный и не является целью этой статьи. Я буду всё-таки считать её IDE, так как минимальными усилиями она предлагает основные сценарии IDE, такие как автодополнение и отладка.

    Немного истории

    Первая IDE, которую я использовал начиная свой путь разработчиком была, уже историческая, Borland C++ 2.0. Потом я пересел на Visual Studio 6.0 и оставался (да и сейчас остаюсь) фанатом этой IDE. Но в какой-то момент возникла необходимость писать под Linux (это был, наверное, 2006 год). В Linux, первое время, я был шоке от отсутствия серьезных IDE — пробовал Eclipse, мучился и плевался. Не буду вдаваться в историю, но в итоге я разобрался с Make, CMake, научился быстро писать соответствующие файлы, потом были линкер скрипты, gdb, kdb и много всего интересного. В это время я полюбил и активно использовал vim на протяжении лет 5. После чего постепенно переключился на Sublime Text, затем на его вторую версию, а сейчас уже на третью.

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

    А так как SDK у нас не только для Windows, но и для Linux и MacOS, то и код приходится писать в них. В прошлом году я попробовал VS Code, и он стал для меня хорошей альтернативой Sublime Text.

    Если коротко их сравнить, то Sublime Text, на мой личный взгляд, даёт больше возможностей по настройке и по работе, но VS Code больше даёт из коробки. И если под рукой нет личной подборки расширений для Sublime Text или если вы вообще никогда этим редактором не пользовались, то Visual Studio Code —отличная штука.

    Начну с нескольких очень полезных расширений. Их для С\С++ разработчика в VS Code не так много и главный из них это конечно:

    C/C++ for Visual Studio Code

    Ссылка на marketplace

    Это основное расширения для поддержки С\С++ в VS Code, которое разрабатывается Microsoft. Подробное описание всего, что оно даёт есть на странице в маркете, я же здесь упомяну только самое главное (на мой взгляд конечно):

    • Форматирование кода (с помощью clang-format)
    • Автодополнение
    • Поиск символов по коду
    • Go to Definition/Declaration (в том числе Peek)
    • Class/Method Navigation
    • Signature Help
    • Quick Info (Hover)
    • Error Squiggles

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

    Глобальные настройки для IntelliSense

    В мае 2018 в VS Code добавили возможность задать любые параметры для IntelliSense в пользовательском settings.json. Эти настройки автоматически применяются ко всем проектам.

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


    Поддержка встроенного терминала при отладке

    В декабре 2018 года Microsoft добавила возможность по отладке С\С++ приложений во встроенном терминале, вместо открытия отдельного окна с терминалом. Управляется эта возможность параметром externalConsole в launch.json.


    Пока поддерживается только cppdbg и только на Linux и Windows, но в MacOS тоже обещали завезти в скором времени. Выглядит это так:


    Комментарии для документирования

    Эту штуку добавили буквально в прошлом месяце. Рассказывать тут особо нечего, поэтому просто приведу пример от Microsoft.

    Пишем простой класс Box и добавляем комментарии в стандартном формате:


    Комментарий ассоциируется с классами или функциями членам класса и показываются во всплывающих подсказках при наведении на соответствующий объект.

    Выглядит это так:

    Работа с контейнерами

    В последнем обновлении от 6 февраля Microsoft добавила работу с С++ в Docker контейнерах. Теперь вы можете не только собирать код в контейнерах, но и отлаживать его внутри контейнеров. Подробности — в блоге Microsoft.

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

    Ну а теперь возвращаемся к другим расширениям для VS Code, которые помогут вам при разработке.

    cquery

    Ещё один достаточно глобальный плагин для С/С++/Objective-C разработчика в VS Code. Основная особенность — расширение было спроектировано и протестировано на очень больших проектах, например, на Chromium. Поэтому пригодится там, где стандартное расширение от Microsoft и его IntelliSense пасует (такое часто случает когда у вас больше 100Мб С++ исходников).

    Список всех основных возможностей такой:

    Easy C++ projects

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

    • создавать типовой Makefile для проекта
    • создавать конфигурации VS Code для сборки и запуска
    • создавать конфигурации VS Code для отладки (поддерживается Visual Studio Debugger, GDB и LLDB)
    • генерировать новые классы из небольшого списка шаблонов

    Работает это так:

    CMake Tools

    Как очевидно из названия, расширение добавляет поддержку CMake. Как подсказали в комментариях, можно конечно все прописывать руками, но с расширением будет удобнее.
    После установки надо будет сделать минимальную настройку. Выбрать toolchain:

    После чего выбрать конфигурацию для сборки:

    И все. Можно работать.
    Расширение также умеет само генерировать для проектов простейшие CMake файлы.

    Todo Tree

    Результат работы выглядит так:


    GitLens

    Как следует из названия расширения — оно улучшает работу с git. Надо отметить, что по-умолчанию в VS Code уже встроена некоторая поддержка git, но весьма ограниченная.

    Основная фишка GitLens — показ прямо в редактируемой строке кто и в каком коммите менял её последний раз. Расширение также добавляет расширенный поиск по истории файла, поиск по коммитам, удобный вид для сравнения нескольких версий файла и многое другое. Для демонстрации работы я просто вставлю gif со страницы marketа, который наглядно показывает возможности расширения.

    Git History

    Ещё одно расширение улучшающее работу с git, а именно показ истории. Почему в GitLens мне так и не удалось найти подходящее отображении истории проекта со всеми ветками. Если кто-то знает, как подобный вид (см. ниже) сделать с помощью GitLens обязательно напишите в комментариях, буду очень благодарен.

    vscode-icons

    Одно из многочисленных расширений, которое добавляет иконки для файлов и каталогов в Explorer панель. Расширений таких в маркете масса, а это является самым популярным. Можете смело выбирать любое другое, мне понравились именно эти иконки.

    Settings Sync

    Ещё одно полезное расширение, назначение которого очевидно из названия.

    Для синхронизации ваших настроек используется GitHub account token и Gist. Лично для меня — одно из самых полезных расширений, так как я использую и Windows, и Linux, и Mac.

    Code Spell Checker

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

    Из приятных особенностей — не только подчеркивает ошибочные слова, но и предлагает корректные варианты.

    WakaTime

    ссылка на marketplace
    WakaTime — это сервис, который показывает красивую статистику\графики\метрики по вашему программированию. Штука исключительно эстетическая, но мне очень нравится. Расширение соответственно добавляет поддержку сервиса при работе в VSCode. Про сам сервис можно почитать тут.

    Пример красивых графиков:


    Основные возможности сервиса бесплатные и подписки не требуют.

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

    Несколько полезных настроек

    По умолчанию VSCode отправляет телеметрию при падении, а также некоторые данные и информацию об ошибках в Microsoft. Если вас по каким-то причинам это не устраивает, то смело отключайте в настройках:

    • Telemetry: Enable Crash Report
    • Telemetry: Enable Telemetry

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


    Если кто-то хочет поделится своими интересными расширениями для VS Code или обратить внимание на полезные настройки — welcome в комментарии. С удовольствием дополню статью, чтобы она стала ещё полезнее.

    Читайте также: