Vs code на чем написан

Visual Studio Code

Visual Studio Code — это сервис, который позиционируется как «легкий» редактор кода для кроссплатформенной разработки веб- и облачных приложений.

Особенности Visual Studio Code

VS Code позволяет разрабатывать как консольные приложения, так и приложения с графическим интерфейсом, в том числе с поддержкой технологии Windows Forms, а также веб-сайты, веб-приложения, веб-службы как в родном, так и в управляемом кодах для всех платформ.
В редакторе присутствуют встроенный отладчик, инструменты для работы с Git и средства рефакторинга, навигации по коду, автодополнения типовых конструкций и контекстной подсказки.
Продукт поддерживает разработку для платформ ASP.NET и Node.js, и считается легковесным решение, которое позволяет обойтись без полной интегрированной среды разработки.
Большим плюсом редактора является поддержка большого количества языков, таких как C++, C#, Python, PHP, JavaScript и других.

Возможности Visual Studio Code

встроенные инструменты интеграции с GitHub, GIT, а также Visual Studio Team Services для быстрого тестирования, сборки, упаковки и развертывания разных типов приложений;
удобство работы с Unity-проектами;
работа с Mono и Node.js с помощью встроенного отладчика;
поддержка TypeScript и JavaScript;
публикация созданных приложений в Microsoft Azure через сервис Visual Studio Team Services;
поддержка практически всех языков программирования;
написание кода для конкретной задачи с его последующей интеграцией в проект (с надстройкой или напрямую);
обширная библиотека шаблонов, готовых фрагментов кода и сниппетов с возможностью добавления своих элементов;
одновременная работа с несколькими проектами (в нескольких окнах);
интерфейс можно разделить на две панели для сравнения кода;
функция отладки.

Преимущества Visual Studio Code

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

IDE — среда разработки

Стоимость, Цены и Тарифы

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

Аналоги и альтернативы для Visual Studio Code

Visual Studio Code — похожие продукты (инструменты, решения, сервисы)

PhpStorm

PhpStorm – интегрированная среда разработки на PHP.

Sublime Text

Sublime Text — проприетарный текстовый редактор. Поддерживает плагины на языке программирования Python.

Codespaces

это Visual Studio, который можно использовать в браузере

6 отзывов на Visual Studio Code

Оценка 5 из 5
Никита – 04.02.2020

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

Оценка 5 из 5
maxbo – 04.02.2020

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

Оценка 4 из 5
Дмитрий – 04.02.2020

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

Оценка 5 из 5
Gabbasov – 14.11.2019

Код Visual Studio интегрирован с командной строкой/терминалом, поэтому он будет удобен, когда требуется переключение между IDE и терминалом/командной строкой, например: подключение к Linux.

Оценка 5 из 5
Dos – 14.11.2019

Данным редактором пользуюсь на 2 ос (линуксе и винде), работает стабильно, имеет кучу плагинов тем, hotkey’ев, иконок для языков, которые доступны в магазине(наверное кроме хоткеев). В основном использую python радует показывание атрибутов и методов(ну этож наполовину ide), но с некоторыми плагинами атрибуты неправильные и могут показывать методы которых вообще нет в классе. имеется гит и отладка(которой всёравно никто не пользуется), на линуксе имеется возможность переключения установленных версий пайтона, всё же не вижу смысла ставить на винду несколько версий питона. А теперь про главный минус горячие клавиши, допустим вам нужно закомментировать несколько строчек кода, вам надо будет нажать(ctrl + k и после этого ctrl + c), а чтобы закомментировать (ctrl + k и после ctrl + u), в саблайме это делается легче (ctrl + shift + / )

Оценка 5 из 5
Умка – 14.11.2019

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

Начало работы с Visual Code: особенности и описание

Visual Studio Code или VS Code – мощный редактор кода, предназначенный для самых разных языков разработки. Гибкий и удобный, обладает большим количеством функций.

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

Определение

Visual Studio C – это продукт от компании Майкрософт. Инструмент, предназначенный для верстальщиков и разработчиков. Один из самых популярных в соответствующей нише.

Представляет собой редактор кода от Microsoft, выступающий «облегченной» интерпретацией VisualStudio. С помощью него можно не только заниматься написанием приложений. Visual Studio Code поддерживает большое количество плагинов, которые позволят «разогнать» редактор до полноценной среды программирования.

Подходит для работы на операционных системах:

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

Microsoft Studio C – это редактор, который больше подходит новичкам за счет своей первоначальной «облегченности». Данный продукт может использоваться и продвинутыми разработчиками при создании достаточно сложных кодов.

Поддерживаемые языки

Visual Studio C – это редактор, поддерживающий множество языков. Он подойдет для кроссплатформенной разработки. Активно используется веб-программистами. Поддерживает такие языки как:

Рассматриваемый инструмент позволяет работать почти со всеми современными языками программирования. Он также поддерживает подключение расширений и фреймворков наиболее известных ЯП – React JS, Vue.js, LESS, SCSS.

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

Для чего необходим – основные возможности

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

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

Функционал

Visual Studio Code – это приложение, которое умеет многое. Оно поддерживает:

Написание и редактирование кода приложения. Это – основное предназначение бесплатного продукта от MS. Пользователи смогут не только написать, но и отредактировать, а также сохранить код. Редактор оснащен функциями корректировки. Он автоматически расставляет в коде отступы для повышения его читаемости. Предусматривает автодополнение, что помогает ускорить разработку программы, особенно на первых порах. Visual Studio Code – это продукт, в котором имеется целая система помощи редактирования исходного кода. Она называется IntelliSense.
Автоматическое редактирование. Полезная функция, позволяющая автоматизировать исправление и корректировку исходного кода приложения. Реализовывается через специальные плагины и расширения. С их помощью в Visual Studio Code будут исправлены некоторые незначительные ошибки: неправильные отступы, именование, несоответствие стиля и так далее. Для корректировки сложных неполадок не расширения не подойдут – система не поймет, как все исправить. Но для исправления небольших недочетов у VS Code специальные возможности есть. И работают они очень хорошо.
Быструю навигацию. У Visual Studio Code есть строка поиска с поддержкой регулярных выражений. А еще – автодополнение. Также редактор позволяет выделить код и закомментировать его при помощи простого сочетания клавиш.
Горячие клавиши. Используются для быстрого применения функций без предварительного входа в меню редактора. Можно воспользоваться встроенными сочетаниями Visual Studio Code или настроить их самостоятельно.
Контроль версий. Визуал Студия позволяет сразу из редактора провести откат, добавить комментарий, отправить коммит в удаленный репозиторий. В консоль для этого заходить не придется, как и набирать те или иные команды – все осуществляется через встроенный визуальный интерфейс.
Установку дополнений. Это – ключевая особенность Visual Studio Code. Из редактора можно перейти в каталог дополнение и расширений, подобрать необходимый плагин и установить его в несколько кликов. Пример – поддержка различных языков, автоматическое исправление, конфигураторы. Данная опция дает возможность настройки редактора под нужды каждого конкретного разработчика.
Отладчик. Он используется для языка JavaScript и базирующихся на нем технологий. Пример – TypeScript. Для остальных языков разработки встроенных отладчиков нет – они устанавливаются в виде плагинов. Интерактивная отладка пошагово помогает выполнять код, а также на каждом этапе отслеживать изменение данных.

MS Визуал Студия позволяет запускать код. По умолчанию спектр поддерживаемых языков для этого сильно ограничен. За счет дополнений можно обеспечить возможность запуска кода на любой задействованном ЯП. В интерфейсе появятся специальные кнопки для сборки и запуска приложения. Изначально в редакторе VS предусматривается только кладка «Запуск и отладка».

Основные плагины

Visual Studio Code (Virtual online и Offline-версия) по умолчанию готов к полноценной работе. Пример – можно верстать макет сайта. Для более удобного написания кода в редакторе потребуются плагины. Вот основные из них:

Emeet. Плагин Visual Studio Code, который позволяет добавлять в код сложные структуры через простые формулы.
Live Sass Compiler. Компилятор SASS/SCSS, переводящий их в стандартный CSS. Пригодится разработчикам, работающим с препроцессорами.
Live Server. Инструмент Virtual Visual Studio Code для создания локального сервера на компьютере.
Polacode. Плагин, необходимый для создания скриншотов в редакторе.
Prettier. Инструмент задания стиля исходного кода. С его помощью приложение может быть написано так, как удобно программисту. Плагин особо полезен в командной работе.
Автодополнение. Инструмент быстрой разработки за счет автоматического завершения кода. Для каждого языка используется свой собственный плагин. Он заканчивается на intellisense.

Также стоит обратить внимание на то, что в Virtual Visual Studio Code существуют плагины отладки. В них обязательно присутствует слова «debugger» или «debug».

Преимущества и недостатки

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

Сильные стороны

К преимуществам Visual Studio Code относят следующие моменты:

Простое освоение. Редактор оснащен интуитивно понятным интерфейсом, а также возможностью настройки. Единственная проблема для новичков – это горячие клавиши, которые организованы необычным образом.
Небольшой вес.
Кроссплатформенность.
Наличие online версии. В случае ее использования для написания программного кода не придется вообще ничего устанавливать. Visual Studio Online работает через браузер. Расположен редактор здесь .
Поддержка разных языков. Опция активируется за счет установки плагинов.
Гибкость.

Данная технология позволяет работать со строками (lines), а также приводить исходный код к единому стилю в несколько кликов. Ей легко пользоваться, но недостатки у VS Code тоже есть.

Слабые стороны

К минусам Visual Studio Code относят:

Ограниченную функциональность, особенно в сравнении с полноценной IDE от Майкрософт.
Медленную работу, особенно на старых устройствах. Связано это с тем, что редактор написан на Election.

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

Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в Otus !

Visual Studio Code (Русский)

Состояние перевода: На этой странице представлен перевод статьи Visual Studio Code. Дата последней синхронизации: 18 апреля 2022. Вы можете помочь синхронизировать перевод, если в английской версии произошли изменения.

Code — кроссплатформенный текстовый редактор, разрабатываемый Microsoft, основанный на фреймворке Electron. Visual Studio Code — бинарный дистрибутив, основанный на коде из репозитория Code — OSS, имеющий дополнительные изменения от Microsoft и распространяемый на условиях проприеатрной лицензии (подробнее о лицензировании написано в этом комментарии на GitHub). Также есть поддерживаемый сообществом и распространяемый по лицензии MIT форк VSCodium с отключенной по умолчанию телеметрией.

Установка

Редактор VSCode доступен для установки с помощью следующих пакетов:

Code — OSS — Свободная сборка из официального репозитория code-oss.

Visual Studio Code — Проприетарная сборка от Microsoft.

VSCodium — Поддерживаемый сообщством форк с лицензией MIT.

Разница между «Code — OSS» (open-source) и «Visual Studio Code» (сборка от Microsoft без исходного кода) описана здесь.

Поддержка расширений

Использование Microsoft marketplace для расширений ограничено продуктами семейства Visual Studio Code. Следовательно, он не может быть использован в Code-OSS (смотрите FS#67780).

Пакеты code и vscodium-bin AUR / vscodium AUR / vscodium-git AUR настроены на использование Open VSX registry, поддерживаемого Eclipse Foundation. Это объясняет, почему Code-OSS не может найти некоторые расширения.

Известные способы решения проблемы следующие:

вручную установить расширение из его файла .vsix , который можно получить в Microsoft Visual Studio Code Marketplace;
попросить сопровождающего загрузить расширение в Open VSX registry;
добавить Microsoft Visual Studio Code Marketplace с помощью одного из следующих пакетов, относящихся к используемой вами сборке: code-marketplaceAUR / vscodium-bin-marketplaceAUR / vscodium-marketplaceAUR . Эти пакеты устанавливают хук pacman, который патчит файл product.json , как показано в этом комментарии на GitHub, после каждого обновления пакета. Обратите внимание, что использование Microsoft Marketplace таким образом не соответствует его условиям использования.

Использование

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

Настройка

Пакет code хранит конфигурацию в файле ~/.config/Code — OSS/User/settings.json .

Пакет visual-studio-code-bin AUR хранит конфигурацию в файле ~/.config/Code/User/settings.json .

vscodium AUR и связанные пакеты хранят конфигурацию в файле ~/.config/VSCodium/User/settings.json .

При миграции с Code на Codium (или наоборот) каталог настроек может быть скопирован или перемещён, поскольку они имеют общую кодовую базу и настройки совместимы.

Встроенный терминал

Меню Вид > Терминал или Ctrl + ` открывает встроенный терминал. По умолчанию используется Bash без каких-либо параметров, но настройки, указанные далее позволяют изменить данное взаимодействие.

terminal.integrated.shell.linux устанавливает терминал по умолчанию
terminal.integrated.shellArgs.linux устанавливает передаваемые в терминал аргументы

Например, установить по умолчанию fish с параметрами.

~/.config/Code/User/settings.json

"terminal.integrated.shell.linux": "/usr/bin/fish", "terminal.integrated.shellArgs.linux": ["--login","--debug-level 3"]

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

Внешний терминал

Если вы используете Terminator как терминал по умолчанию, у вас могут возникнуть проблемы в VS Code с ошибками вида: Unable to launch debugger worker process (vsdbg) through the terminal. spawn truecolor ENOENT , поэтому следует сменить терминал на другой, например, gnome-terminal .

Строка настроек «terminal.external.linuxExec»: «имя терминала» установит терминал на требуемый. Пример установки gnome-terminal :

~/.config/Code/User/settings.json

"terminal.external.linuxExec": "gnome-terminal"

Решение проблем

Глобальное меню не работает в KDE Plasma

Visual Studio Code использует D-Bus для меню, поэтому для него следует установить пакет libdbusmenu-glib .

Невозможно переместить объект в корзину

По умолчанию все приложения, использующие Electron, используют gio для удаления. В Plasma используется kioclient5 . Другой инструмент удаления можно выбрать с помощью переменной окружения ELECTRON_TRASH .

Например, для удаления с помощью trash-cli :

$ ELECTRON_TRASH=trash-cli code

Однако, в новых версиях Electron поддерживает и kioclient5 , и kioclient , и trash-cli , и gio (по умолчанию), и gvfs-trash (отмечен устаревшим). Смотрите также страницу environment-variables в GitHub репозитории Electron.

Невозможно отладить C#

Для отладки приложений на C# (платформа .NET) испольуется расширение OmniSharp, которое требует проприетарный компонент .NET Core Debugger (смотри пакеты в разделе установка). Смотри также объяснение в репозитории GitHub.

Если вы используете свободный пакет, отладка упадёт почти незаметно, лишь оставив в консоли сообщение:

You may only use the Microsoft .NET Core Debugger (vsdbg) with Visual Studio Code, Visual Studio or Visual Studio for Mac software to help you develop and test your applications.

Для отладки в свободном пакете можно использовать пакет netcoredbg AUR . Чтобы использовать его для отладки проектов, требуется в настройке проекта указать соответствующую конфигурацию, например:

./.vscode/launch.json

"configurations": [ < . "pipeTransport": < "pipeCwd": "$", "pipeProgram": "/usr/bin/bash", "pipeArgs": ["-c"], "debuggerPath": "/usr/bin/netcoredbg" > .

Невозможно открыть .csproj с сервером OmniSharp, ошибка расположения Microsoft.Common.props

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

/opt/dotnet/sdk//Sdks/Microsoft.NET.Sdk/Sdk/Sdk.props

$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props

Вот, как выглядит файл после изменения.

/opt/dotnet/sdk//Sdks/Microsoft.NET.Sdk/Sdk/Sdk.props

/opt/dotnet/sdk//Current/Microsoft.Common.props

OmniSharp не может обнаружить MSBuild

На странице OmniSharp introduction в GitHub написано, что пользователям Arch Linux требуется установить mono-msbuild . Ошибка, которая появляется при отсутствии пакета:

OmniSharp Log

[info]: OmniSharp.MSBuild.Discovery.MSBuildLocator Registered MSBuild instance: StandAlone 15.0 - "~/.vscode/extensions/ms-vscode.csharp-1.18.0/.omnisharp/1.32.11/omnisharp/msbuild/15.0/Bin" MSBuildExtensionsPath = /usr/lib/mono/xbuild BypassFrameworkInstallChecks = true CscToolPath = ~/.vscode/extensions/ms-vscode.csharp-1.18.0/.omnisharp/1.32.11/omnisharp/msbuild/15.0/Bin/Roslyn CscToolExe = csc.exe MSBuildToolsPath = ~/.vscode/extensions/ms-vscode.csharp-1.18.0/.omnisharp/1.32.11/omnisharp/msbuild/15.0/Bin TargetFrameworkRootPath = /usr/lib/mono/xbuild-frameworks System.TypeLoadException: Could not load type of field 'OmniSharp.MSBuild.ProjectManager:_queue' (13) due to: Could not load file or assembly 'System.Threading.Tasks.Dataflow, Version=4.5.24.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a' or one of its dependencies. .

Возможно, потребуется собрать пакет самостоятельно.

Omnisharp поставляется со своей собственной версией mono, поэтому, если он не может найти установленную версию, если вы хотите сказать omnisharp искать «глобальный» mono, установленный на вашей машине, поместите это в ваш settings.json:

settings.json

"omnisharp.useGlobalMono:"always"

«Повторить попытку в режиме Sudo» не работает

К сожалению, пакет code не поддерживает эту функцию в полной мере, так как официально Microsoft не поддерживает пакет для Arch Linux. Смотри также FS#61516 или тикет на GitHub.

Проблемы с сопоставлением клавиш

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

Согласно вики, есть два возможных решения:

убедитесь, что setxkbmap -query возвращает в качестве первой раскладки клавиатуры ту, с которой вы хотите работать в VS Code.
укажите «keyboard.dispatch»: «keyCode» в настройках и перезапустите VS Code. Это предотвратит попытки VS Code определить раскладку клавиатуры.

Команда «. » не найдена

В официальной сборке VS Code есть файл product.json со списком расширений, которым разрешено использовать определённые API. Однако этого файла нет в OSS-сборке code [1]

Для включения определённых API могут потребоваться некоторые флаги. [2] Вы можете либо запустить code с этими флагами, либо добавить соответствующие записи в раздел extensionAllowedProposedApi в файле product.json (пакет code устанавливает его в /usr/lib/code/product.json ).

"extensionAllowedProposedApi": [ "ms-vsliveshare.vsliveshare", "ms-vscode.node-debug", "ms-vscode.node-debug2" ]

Также можно установить пакет code-features AUR , который устанавливает хук pacman, исправляющий этот файл при каждом обновлении пакета. В качестве альтернативы вы можете установить проприетарные сборки от Microsoft: visual-studio-code-bin AUR , visual-studio-code-insiders-bin AUR .

VS Live Share missing API

Отредактируйте product.json , или запустите VS Code с опцией:

$ code --enable-proposed-api ms-vsliveshare.vsliveshare

Команда ‘remote-containers.openFolder’ не найдена

Для решения проблемы требуется открыть VS Code со включённым API remote-containers (см. баг FS#63374)

$ code-oss --enable-proposed-api ms-vscode-remote.remote-containers

Command ‘GitHub Pull Requests: Configure Remotes. ‘ resulted in an error (command ‘pr.configureRemotes’ not found)

Запустите VS Code с опцией:

$ code --enable-proposed-api GitHub.vscode-pull-request-github

Git: ssh_askpass: exec(/usr/lib/ssh/ssh-askpass): No such file or directory

Эта ошибка возникает из-за зашифрованного ssh-ключа, и её можно решить, установив какой-нибудь провайдер диалога, например SSH keys#x11-ssh-askpass или альтернативы, перечисленные там, например ksshaskpass для KDE.

Следует отметить, что для ksshaskpass, например, вам потребуется сделать ссылку на него из /usr/lib/ssh/ssh-askpass , чтобы VSCode нашёл его:

# ln /usr/bin/ksshaskpass /usr/lib/ssh/ssh-askpass

Обрезанные символы во встроенном терминале

Слишком широкие символы могут обрезаться. Например, курсивный полужирный текст в стек-трейсах Deno.

Этого можно избежать, установив для параметра «terminal.integrated.rendererType» значение «experimentalWebgl».

No such interface“org.freedesktop.Secret.Collection”

Аутентификация на Github через VSCodium не работает

При подключении аккаунта Github измените «vscodium» на «vscode» в URL, как показано в этом комментарии. Затем скопируйте идентификационный токен в VSCodium.

Внешний вид диалога выбора файла не согласован с внешним видом системы

На данный момент vscodium использует диалог gtk даже в kde. Смотрите Единый вид приложений Qt и GTK#Согласованный диалог выбора файлов для более подробной информации.

Visual Studio Code #

Visual Studio Code — это текстовый редактор, вроде блокнота в Windows, но созданный специально для программистов: он поставляется вместе с подсветкой синтаксиса, автодополнением, встроенным терминалом, системой контроля версий и ещё огромным количеством инструментов, упрощающих написание кода. Однако VS Code это не IDE, т.е. он изначально не содержит в себе инструментов для компиляции и запуска написанного кода, что означает, что для комфортной разработки, его необходимо настроить соответствующим образом. Именно этому и посвящена данная статья.

Где скачать #

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

Настройка для работы с C++ #

Windows #

Установить компилятор g++ отсюда, выбрав последнюю доступную версию нужной разрядности. После установки необходимо перезапустить компьютер;
Открываем командную строку, для этого нажимаем комбинацию клавиш Win + R , вводим cmd и нажимаем Enter, в открывшемся окне прописываем g++ —version и снова нажимаем Enter. Если ты увидишь сообщение, содержащее версию, значит компилятор установлен и можно переходить к следующему шагу. Если же появится ошибка, значит система не понимает, где установлен компилятор, и ей необходимо указать, где он находится. Для этого необходимо добавить g++ в PATH : Параметры > Система > О системе > Сведения о системе > Дополнительные параметры системы > Переменные среды > Системные переменные > Path, тут необходимо нажать кнопку Добавить и вставить следующий путь: c:\mingw\libexec\gcc\x86_64-w64-mingw32 ;
Теперь ты можешь компилировать С++ код, прописывая в консоли g++ FILE_NAME.cpp , и запускать скомпилированный файл a.exe . Однако можно автоматизировать этот процесс внутри VS Code. Для этого нужно зайти в раздел с расширениями с помощью комбинации клавиш Ctrl + Shift + X или можно нажать на иконку с кубиками в боковой панели, а затем найти и установить расширение Code Runner ;
Теперь, чтобы скомпилировать .cpp файл, можно просто использовать комбинацию клавиш Ctrl + Alt + N или соответствующую кнопку в правом верхнем углу. При желании, её можно изменить в настройках;
Далее необходимо открыть настройки, пользуясь сочетанием клавиш Ctrl + , или нажав на шестерёнку в левом нижнем углу. В строке поиска ввести @ext:formulahendry.code-runner terminal и поставить галочку в Code-runner: Run In Terminal . Теперь код будет запускаться во встроенном терминале, и у тебя появится возможность вводить входные данные с клавиатуры.

Linux #

Установить компилятор g++ используя пакетный менеджер, например, если ты используешь Ubuntu, тебе нужно открыть терминал и написать sudo apt install gcc ;
Чтобы убедиться, что компилятор установился правильно, введи в терминале g++ —version . Если всё в порядке, ты увидишь сообщение, содержащее версию g++ ;
Далее, уже в самом VS Code, заходим в раздел с расширениями с помощью Ctrl + Shift + X или можно просто нажать на иконку с кубиками в боковой панели, а затем найти и установить расширение Code Runner ;
Теперь, чтобы скомпилировать .cpp файл, ты можешь просто использовать комбинацию клавиш Ctrl + Alt + N . При желании, её можно изменить в настройках;
Далее необходимо открыть настройки, пользуясь сочетанием клавиш Ctrl + , или нажав на шестерёнку в левом нижнем углу. В строке поиска ввести @ext:formulahendry.code-runner terminal и поставить галочку в Code-runner: Run In Terminal . Теперь код будет запускаться во встроенном терминале, и у тебя появится возможность вводить входные данные с клавиатуры.

Mac #

На Mac установить компилятор g++ легче всего, используя пакетный менеджер Homebrew, который не установлен по умолчанию. Чтобы его установить, тебе нужно открыть терминал и вставить туда следующую команду:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Несколько советов для удобства #

Если ты раньше пользовался Visual Studio, и, открывая свой старый код, у тебя возникают проблемы с отображением кириллицы, тебе следует изменить кодировку файла. Для этого во встроенной командной строке найди Change File Encoding > Reopen with Encoding и выбери самое первое с подписью Guessed from content.
Для того, чтобы программа корректно компилировалась, каждый раз после её изменения нужно сначала её сохранить с помощью Ctrl + S . Чтобы этого не делать, можно включить автосохранение: для этого нужно найти параметр Files: Auto Save в настройках и выбрать значение afterDelay .
Чтобы изменить или добавить сочетания клавиш, открой командную строку ( Ctrl + Shift + P на Windows и Linux или Cmd + Shift + P на Mac) и в поиске найди Preferences: Open Keyboard Shortcuts . Например, одной из полезных горячих клавиш будет увеличение/уменьшение размера шрифта, для этого в меню горячих клавиш введи Editor Font Zoom и поставь горячие клавиши на . In и . Out , мы предпочитаем использовать Ctrl + = для увеличения и Ctrl + — для уменьшения шрифта.
При компиляции .cpp файла в папке с ним появляется .out файл. Чтобы .out файлы не мешались во встроенном проводнике, можно скрыть их в настройках. Для этого в настройках введи Files: Exclude , и добавь туда значение *.exe (аналогично для любого другого расширения).

Работа с Git #

Visual Studio Code даёт всё необходимое для удобной работы с системой контроля версий. Здесь ты можешь спокойно пуллить, коммитить, пушить, мерджить и т.д. Самый простой, на мой взгляд, способ это делать — использовать командную строку Ctrl + Shift + P . Здесь ты можешь найти любое действие в системе контроля версий. Все они начинаются с Git: , а дальше идёт название действия, например, Git: Pull или Git: View File History .

Другим способом работы с Git является вкладка View: Show Source Control , где можно делать всё то же, но используя графический интерфейс.

VS Code в браузере #

GitHub очень тесно интегрируется с VS Code — ты можешь открыть любой репозиторий и нажать на клавиатуре на точку или поменять github.com на guthub.dev в адресной строке, чтобы открыть web-версию VS Code. Тут ты сможешь посмотреть и изменить файлы, не клонируя репозиторий на свой компьютер. Однако, это неполноценная версия VS Code: здесь у тебя не получится воспользоваться терминалом или скомпилировать .cpp файл.

Кастомизация #

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

Например, я предпочитаю минималистичный вид, поэтому мой VS Code на данный момент выглядит вот так:

My VS Code screenshot

Темы #

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

Открыть панель расширений c помощью Ctrl + Shift + X на Windows и Linux или Cmd + Shift + X на Mac;
Найти понравившуюся тему ( @category:»themes» чтобы видеть только темы);
Нажать на кнопку Install;
Если тема не применилась автоматически, или ты хочешь выбрать другую среди установленных, достаточно открыть командную строку ( Ctrl + Shift + P на Windows и Linux или Cmd + Shift + P на Mac), после чего найти параметр Preferences: Color Theme и выбрать желаемую тему.

Иконки файлов #

Точно так же, как и темы, ты можешь изменить иконки во встроенном проводнике — боковой панели, которая отображает все файлы рабочей директории. Для этого достаточно просто написать icons в поиске расширений и установить расширение с понравившимися иконками. Если иконки не применились автоматически, или ты хочешь выбрать другую среди установленных, достаточно открыть командную строку и в параметре Preferences: File Icon Theme выбрать желаемую тему иконок.

Шрифт #

В VS Code ты можешь поменять шрифт кода с помощью параметра Editor: Font Family в настройках, где перечисляются шрифты по приоритету. Например, у меня это ‘Fira code’, Menlo, Monaco, ‘Courier New’, monospace , что означает, что будет использоваться шрифт Fira Code, но если он не найдётся среди установленных, будет использоваться Menlo и так далее. Чтобы использовать свой шрифт, просто добавь его первым в эту строку.

Оба этих шрифта поддерживают лигатуры. Что это? Лигатура — это знак, объединяющий два или более символа. В коде они применяются для отображения операторов и помогают уменьшить шум путем слияния символов и удаления лишних деталей и в определённых случаях уравновесить пространство между символами. Вот несколько примеров:

Ligatures example

Скрытие панелей #

Ещё одним способом кастомизации VS Code является изменение поведения панелей и других элементов интерфейса, что помогает освободить огромное количество места на экране. У меня обычно скрыты все элементы интерфейса, кроме самого пространства редактора, а когда у меня появляется необходимость воспользоваться, скажем, строкой состояния, я использую соответствующую комбинацию клавиш. Все сочетания клавиш настраиваются в Preferences: Open Keyboard Shortcuts .

Настройки #

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

И ешё, все свои настройки ты можешь синхронизировать через свой аккаунт GitHub, чтобы иметь единые настройки на компьютере дома и в университете. Статья об этом .