Почему vscode не ide

Обновлено: 03.07.2024

Сервис работает без установки приложения или расширений для браузеров.

В веб-версии можно просматривать и редактировать локальные файлы, создавать заметки в Markdown.
На vscode.dev можно создавать клиентские приложения на HTML, JavaScript и CSS вместе с инструментами браузера для отладки.
Редактировать код через браузер можно и c тех компьютеров, которые не позволяют установить приложение VS Code, например, в Chromebook.
Также редактор можно использовать в iPad: загружать и скачивать файлы, а также удалённо открывать репозитории с помощью встроенного расширения GitHub Repositories.
В VS Code для браузера встроены расширения GitHub Repositories , Codespaces и Pull Request.

Мы тут собрали умную камеру для наблюдения за котиками. Хотите научим?

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

Объясните мне кто шарит - чем это лучше полноценной IDE на компе? Чето я сомневаюсь что много разрабов юзает хромбуки

Также редактор можно использовать в iPad

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

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

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

Вроде бы такой «полноценный» сервис уже есть у того же самого MS в виде GitHub Codespaces — вот там окружение гораздо функциональнее, но за деньги (потому что там за ним стоит виртуалка, а не просто в браузере у пользователя всё выполняется)

Codespaces has the full power of Visual Studio Code, including the editor, terminal, debugger…

Виртуалки так нужны для разработки! Без них ничего не запустишь, а npm/node нужны, не говоря уже об остальном.

Могли бы интегрировать все инициативы на базе GitHub

Codespaces давно использую (дали доступ к бете).

или для интервью :)

VS Code in the browser. Contribute to cdr/code-server development by creating an account on GitHub.

Вот, кстати, да. А то есть айпад, а кодить на нем никак(

Иногда своего кампуктера под рукой нет
+ удобно для обучения как на стационарных классовых компах, так и как встройка в какие-либо учебные материалы

Для js из коробки вполне себе ide

плагинами приблизится вполне. Контейнерами окружение, набор нужных плагинов (вплоть до деплоя) и вуаля - IDE

Чем же она не дотягивает для js?

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

Немного возможно не привычно. В плане как сама IDE голый vs code это и так электрон с парой очень неплохих js библиотек.

По моему его вообще никто не юзает

А кто говорит, что лучше. Это для другого паттерна использования.

место на sdd, не требуют как вариант

У меня на корпоративном ноуте заблочены частично сетевые соединения и синхронизировать с гитхабом не получается.
А тут такой подарок!

Нужно как правило для редактирования скриптов, для просмотра логов.

Без установки с чужого компа порой нужно что-то отладить. Плюс почему бы это раньше нельзя было сделать)) VS Code по большей части написан на JS и упакован в Electron. По факту он и раньше был сайтом

Так как работает в браузере, то и наследует все "болячки" браузера, нативный вариант будет быстрей.

Хромбуки как и все остальное от гугла не продаётся в большинстве стран мира.

Ушел домой, пришла срочная задача пофиксить на проде что-то. Открыл веб редактор, пофиксиксил кое как, сделал коммит, а дальше ci уносит на прод. Применение узкое, но есть

Удивительно что только сейчас, ведь сам вскод это web-приложение обернутое в электрон. Большая часть кода уже есть

Ну всё же оно диск использует и процессы запускает, а браузеры это не умеют из за безопасности.

Они используют File System Access API, позволяющее читать/писать файлы локально.

The File System Access API allows read, write and file management capabilities.

Ну Монако давно есть, просто как библиотека, а не как продукт

Да ну нее, шляпа тормозная на джаве ред.

640 GB должно хватить всем. В т. ч. и этой шляпе.
И да, JS прям быстрый по сравнению с Java (sarcasm).

Сарказм неуместный, почитайте что-нибудь про оптимизации V8 и свежие сравнения производительности вместе с php/go/java, там все отлично. Вероятней всего вы имеете в виду прожорливый рендер – это другой вопрос (но UI VSCode у меня за 5 лет не подвисал, в отличии от вебшторма, с которым на большом проекте можно было физически ощущать как шевелятся шестерёнки под капотом). Ну и джетбрейнс нужно ежегодно заносить, что при отсутствии киллерфич странно. ред.

Там же беспл версия тоже есть

А Электрон какой шустрый, зашибись

Повторюсь, на практике VSCode ощутимо быстрее. Будучи обвешанный всеми необходимыми плагинами и ничем функционально не уступающий бесплатной версии шторма (годы провёл и там и там, вполне могу сравнить).

"ничем функционально не уступающий бесплатной версии шторма"

А вы на каком языке программируете? Действительно не видели разницу между тем насколько глубоко и точно Идея лезет в дерево кода и как умеет рефакторить? В VCS рефактор это всегда русская рулетка, часто либо не срабатывает совсем, либо портит код.

JS/TS, C, Dart. Последние несколько лет чего только не рефакторили в команде (у всех vscode), проблем не было. Когда-то, помню, было юношеской болезнью редактора, сейчас всё шикарно. ред.

Так VCS не тормозной потому что тупо не делает то что делает Idea.

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

Ещё бы npm install научили это все делать, было бы уже намного интереснее

Браузер крякнет, когда в него полгига node_modules начнут запихивать.

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

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

Для плюсования под линуксом давно использую CodeBlocks. Пытался вьехать в VS code, но как-то не пошло. И сложно, и неудобно, и тормозно и память ест изрядно. вопрос - есть таки у кого-то опыт использования vs code для c++? Как впечатления?

Это не ide - о каких впечатлениях может идти речь? Разве что для любителей пердолиться с вим.

Знаю истории узбека, народ использует, но процентов на 20 от задумки авторов. Тем не менее выхлопа почти столько же как и в qtc, как бы горько не было это признавать.

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

Visual Studio Code не умеет в С++, совсем. Используй QtCreator, KDevelop.

VSCode отлично умеет в C++ всех принятых стандартов. Все скрипты сборки/запуска/дебага настраиваются без проблем, если есть хоть одна извилина.

Хотя о чем это я, это же местный юродивый…

Пара коллег пользуются, говорят всё отлично.

А что в нём хорошего? Слегка продвинутый редактор кода с инопланетным интерфейсом.

И кстати не тормозил.

Мне нравится и есть ещё vscodium с якобы выпиленной телеметрией.

А чем отличается редактор от IDE? Переход к определению есть, интеграция с отладчиком есть (хотя отладчик для плюсов не пробовал, а пробовал только для golang и nodejs).

den73 ★★★★★ ( 30.03.20 10:19:18 )
Последнее исправление: den73 30.03.20 10:19:29 (всего исправлений: 1)

Я использую. Eclipse для Fortran, когда он нужен, может и хорош, но жрёт 800 мб.

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

Вот этот тезис можешь развернуть поподробнее?

Уметь то он умеет, но скрипты сборки, насколько я понял, придётся писать самому в любом случае - дерево проекта он строить не умеет.

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

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

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

QtCreator тоже по этому пути идёт, но они не сделали шага по переходу на IPC вовремя, хотя на уровне бинарных протоколов плагинов у них всё для этого было готово.

Eclipse для Fortran, когда он нужен, может и хорош, но жрёт 800 мб.

Какбэ вскод жрет не меньше.

Знаю, зато заметно меньше жрёт codeblocks (речь шла о нём), а плагин для fortran у него не хуже + не нужно ваять для проекта каждый раз файлы для системы сборки.

grem ★★★★★ ( 30.03.20 10:54:49 )
Последнее исправление: grem 30.03.20 10:55:44 (всего исправлений: 1)

Зачем с vim пердолиться ? Можно просто его использовать.

Скажите, что есть в VSCode, чего нет в других редакторах. Там даже окружения из коробки нет, всё равно окружение придётся ставить руками, как и в Emacs/Vim. Где профит? Почему такая популярность? На реддите даже тренды были, когда Emacs-еры после пяти лет, переобувались в VSCode.

Artamudo ★★★ ( 30.03.20 11:36:53 )
Последнее исправление: Artamudo 30.03.20 11:38:02 (всего исправлений: 1)

Нет-нет, чувак хочет именно пердолиться. Кто ты такой чтобы ему запрещать?

Скажите, что есть в VSCode, чего нет в других редакторах. Там даже окружения из коробки нет, всё равно окружение придётся ставить руками, как и в Emacs/Vim. Где профит? Почему такая популярность?

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

В конфиг мне надо добавить 140 строк! (вместе с комментами и пустыми строками, но тем не менее) Что из этого надо? Я не хочу в этой срани разбираться, если я могу поставить вскод, в котором это просто работает.

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

Не могу сказать про Vim, потому что знаю как там всё, но скажу про Emacs. Есть Doom Emacs в котором чтобы установить все необходимые плагины для языка, тебе нужно всего лишь раскоментировать ОДНУ. строку в конфиге с этим языком. Если использовать LSP, он ещё и сам бинарники для него поставит. Управление гитом ИМХО проходит удобнее всего с Magit. Что ещё нужно то?

Я голову поломал в VSCode когда хотел GOPATH поставить. Какого оно просто не берёт переменные из шелла, или просто предоставить нормальную настройку для этого. Нужно лезть в конфиг VSCode-а и ещё хуже разбираться почему оно не работает.

Artamudo ★★★ ( 30.03.20 12:03:53 )
Последнее исправление: Artamudo 30.03.20 12:06:57 (всего исправлений: 1)

Есть Doom Emacs в котором чтобы установить все необходимые плагины для языка, тебе нужно всего лишь раскоментировать ОДНУ. строку в конфиге с этим языком.

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

Ну уж нет. Там специально продвигается декларативная настройка для редактора. Сломать что-то невозможно. Сделано всё с умом.

Программист постоянно работает с исходными кодами. Инструменты для написания кода можно разделить на две группы: среды разработки (IDE) и редакторы. Первые предоставляют большие возможности при разработке программ: отладку, управление пакетами, интеграцию с тестами и тд. Например: Visual Studio, Intellij IDEA, Eclipse. Редакторы – легковесные программы, в которых нет таких широких возможностей как в IDE. Тем не менее они выполняют главную функцию – помогают быстро писать код. А многие из них предоставляют богатые возможности по настройке под себя. Примеры редакторов кода: Sublime Text, Atom, Notepad++.

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

Visual Studio Code – редактор кода от Microsoft. Он бесплатный, и скачать его можно на официальном сайте. VS Code соответствует новой политике Microsoft, поэтому он опенсорсный и работает на нескольких платформах. Рассмотрим отличительные черты этого редактора:

Explorer. На изображении выше открыт этот блок. В нем определяется workspace – файлы, с которыми вы работаете. Имя рабочего пространства соответствует корневой директории. Над ним перечислены все открытые в редакторе файлы. Кружком помечены те, которые не сохранены.
Search. Поиск по workspace. Можно искать с учетом регистра, целых слов и по шаблону. В этом же блоке работает замена строк. Для перехода в режим поиска можно использовать комбинацию CTRL + SHIFT + F . При наведении курсора на любой блок VS Code подскажет какие комбинации клавиш им соответствуют.
Source Control. Встроенная поддержка git и других систем контроля версий.
Debug. Все для отладки: Variables, Call Stack, Watch, Breakpoints.
Extensions. Набор всевозможных плагинов, которые можно установить. Вот список самых популярных:

В VS Code можно настроить очень многое под свои нужды. Меняйте внешний вид редактора и автоматизируйте ваши действия.

Изменение темы

Изменение настроек

Рассмотрим некоторые настройки, которые могут вам пригодиться:

Настройки редактирования.
- Размер шрифта. "editor.fontSize": 14
- Размер таба. "editor.tabSize": 4
- Шрифт. "editor.fontFamily": "Consolas, 'Courier New', monospace"
- Перенос слов. "editor.wordWrap": "on"
Если с первыми тремя настройками все понятно, то последнюю нужно пояснить. Когда она включена, слово, которое не помещается по длине в размер редактора, будет целиком перенесено на следующую строку. При этом горизонтальный скролл никогда не появится. Удобная настройка, которая по умолчанию отключена.
- Автосохранение. "files.autoSave": "on"
- Задержка при автосохранении. "files.autoSaveDelay": 5000
По умолчанию файлы сохраняются только тогда, когда пользователь об этом попросит. Это поведению можно изменить, включив автосохранение файлов. Также можно настроить задержку после ввода перед автосохранением. Величина записывается в миллисекундах.
- Размер шрифта. "terminal.integrated.fontSize": 14
- Выбор терминала. "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
- Тип курсора. "terminal.integrated.cursorStyle": "line"
Все настройки, связанные с терминалом, находятся в разделе Integrated Terminal. Например, вы можете изменить отображение курсора с блока на линию.

Создание задач

Зачем нужны задачи покажу на конкретном примере. Для локального запуска сайта я использую команды:

Для того, чтобы делать это, не выходя из редактора, можно использовать встроенный терминал. Однако, можно автоматизировать и этот процесс. Для этого существуют задачи. Откроем их конфигурацию через Command Palette: Tasks. Configure Tasks . В открывшемся файле tasks.json создадим кастомную задачу.

Однако, это несильно автоматизирует наш процесс. Для запуска этой задачи нужно открывать Command Palette и искать ее среди других команд. Чтобы запускать задачу по кнопке, откроем файл keybindings.json (в Command Palette: Preferences. Open Keyboard Shortcuts File ) и добавим нужные комбинации клавиш.

Также задачи часто используются для автоматизации сборки кода и прогона тестов.

Создание сниппетов

Рассмотрим стандартные команды и соответствующие им комбинации клавиши, которые полезны в самых разных ситуациях. Маппинг команд и сочетаний клавиш можно открыть через CTRL + K, CTRL + S и переопределить на свой вкус.
- Zen Mode ( CTRL + K, Z ). В этом режиме окно с кодом занимает весь экран. Это располагает к максимальной сосредоточенности на этом файле и работе. Он отличается от полноэкранного режима ( F11 ), в котором все пространство занимает именно редактор. В режиме Zen вы не будете отвлекаться ни на что. Для переключения на другой файл используйте комбинацию CTRL + P . Она работает во всех режимах и позволяет искать именно по файлам в рабочем пространстве. Выход из режима Zen осуществляется двойным ESC .
- Markdown Preview ( CTRL + K, V ). Полезная операция для тех, кто пользуется Markdown. Она отображает справа от текста результаты вашей верстки.
- Дублирование строки вниз/вверх ( ALT + SHIFT + DOWN/UP ).
- Перемещение строки вниз/вверх ( ALT + DOWN/UP ).
- Комментирование строки ( CTRL + / ).
Команды выше работают и для нескольких строк.
- Вставка новой строки вверх/вниз ( CTRL + ENTER / CTRL + SHIFT + ENTER ).
- Выделение строки ( CTRL + I ).
- Выделение слова ( CTRL + D ).
- Множественный курсор. ( ALT + CLICK ).
Мне трудно представить свой рабочий процесс без VS Code. Если вы им не пользуетесь, то советую хотя бы попробовать. Сегодня мы посмотрели на малую часть того, как можно упростить работу с кодом с помощью этого редактора. В следующий раз мы рассмотрим некоторые полезные плагины, которые есть в маркете VS Code.

Visual Studio Code – это один из наиболее популярных редакторов кода, разработанный корпорацией Microsoft. Он распространяется в бесплатном доступе и поддерживается всеми актуальными операционными системами: Windows, Linux и macOS. VS Code представляет собой обычный текстовый редактор с возможностью подключения различных плагинов, что дает возможность работать со всевозможными языками программирования для разработки любого IT-продукта.

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

Установка Visual Studio Code

С установкой среды не должно возникнуть никаких проблем, но давайте все же проведем небольшой ликбез. Выполним несколько действий:
1. Переходим на официальный сайт и загружаем установочный файл.
2. Следующим шагом запускаем установочник и ставим редактор кода на компьютер. В блоке «Выберите дополнительные задачи» рекомендую отметить два пункта, позволяющие запускать файлы через выпадающее меню – так вы сможете быстро открыть код в VS Code.
На этом установка завершена. Теперь мы можем использовать редактор кода по назначению. Обычно с этим не должно возникнуть никаких проблем, однако на слабых машинах запуск утилиты часто прерывается. Вылечить такой недуг можно с помощью добавления нового значения к пути ярлыка. Для этого откроем его свойства через правый клик мыши и в графе «Объект» пропишем --disable-gpu.

Готово! Теперь программа должна работать на любом компьютере.

Интерфейс Visual Studio Code

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

Запустить файл с кодом мы можем через правый клик мыши -> Открыть с помощью Code. Файл можно открыть и в программе: для этого в верхнем правом углу выбираем «File» и жмем «Open File…». После этого переходим в нужную директорию и выбираем файл.

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

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

Следующий блок – левая панель управления, включающая в себя 5 основных вкладок: «Проводник», «Поиск», «Система управления версиями», «Запуск кода» и «Расширения». Первая предоставляет пользователю возможность просматривать содержимое проекта и быстро перемещаться внутри него.

Вторая вкладка – поиск. Используется для нахождения слов в документе. Он также может быть запущен с помощью комбинации клавиш «CTRL+SHIFT+F». Алгоритм использования довольно прост – вводим название в поиск и смотрим результат.

Система управления версиями – предназначена для взаимодействия с git.

Запустить и проверить работоспособность кода мы можем в следующей вкладке:

Еще одна важная вкладка, с помощью которой из Visual Studio Code можно сделать функциональную утилиту, это «Расширения». В ней находятся установочники для всех популярных инструментов, используемых разработчиками.

Следующий блок – нижний статус-бар. В нем отображается общая информация о состоянии программы. Обратите внимание, что VS Code автоматически определяет язык программирования и информирует нас об этом.

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

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

Русификация Visual Studio Code

Чтобы провести русификацию программы, открываем вкладку с расширениями и прописываем запрос vscode-language-pack-ru. В результате будет отображен новый элемент с кнопкой «Install» – кликаем по ней и ожидаем завершения установки.

Перезагружаем программу и смотрим, что язык интерфейса был изменен на русский:

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

Внешний вид

Мы можем полностью изменить цветовую схему утилиты. Чтобы это сделать, воспользуемся комбинацией клавиш «CTRL+SHIFT+P» и введем запрос «theme». В отобразившемся списке выберем «Параметры: Цветовая тема».

В результате отобразится список возможных тем – для примера возьмем солнечную тему.

После применения темы интерфейс примет следующий вид:

Обратите внимание, что это не весь список тем – вы можете установить и другие. Для этого пролистайте в самый низ списка и выберите «Установить дополнительные цветовые темы…». После этого в левой части отобразится дополнительный блок с доступными цветовыми решениями.

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

Управление проектами

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

Теперь работа с проектами не должна вызывать никаких трудностей.

Автоформатирование кода

Один из важных этапов программирования – умение приводить все к единому виду с правильными отступами. Для таких задач в VS Code есть специальные плагины, позволяющие форматировать весь текстовый документ. Это такие расширения, как PHP-CS-Fixer для PHP, Prettier для JS/HTML/CSS и другие.

Рассмотрим, как форматируется код, написанный на JavaScript:
1. Возьмем для примера функцию, отступы в которой выстроены случайным образом.
2. Устанавливаем плагин Prettier через магазин расширений и открываем документ, который нужно отформатировать. Зажимаем комбинацию клавиш «CTRL+SHIFT+P» и вводим запрос «Format Document».
3. Смотрим на код и видим, что он преобразился и принял аккуратный вид.
Аналогичным образом мы можем отформатировать код, написанный на других языках программирования. Для этого достаточно установить нужное расширение.

Автодополнение

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

По умолчанию функция автодополнения в Visual Studio Code доступна только для некоторых языков. Для прочих языков программирования существуют дополнительные пакеты с окончанием «intellisense».

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

Рекомендую установить PHP Intellisense, CSS Intellisense и Path Intellisense.

Управление Vim

Vim – это свободный текстовый редактор, работающий на основе vi. По умолчанию он установлен на каждой операционной системе семейства Unix. Кроме того, он доступен и в Visual Studio Code. Для работы с ним потребуется установить расширение с аналогичным названием:

Теперь мы можем перемещаться по файлу клавишами h, j, k, l, использовать Esc и сохранять файл командой :w.

Отладка кода

Для того чтобы запустить код в VS Code, нам нужно воспользоваться одним из расширений. Например, для JavaScript подойдет Debugger for Chrome. Узнать, какое расширение необходимо для конкретного языка, можно через «Выполнить» -> «Установить дополнительные отладчики…».

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

После того как нужный плагин будет установлен, можно запускать отладку кода. Для этого достаточно открыть пункт «Выполнить» и нажать на кнопку «Запустить отладку». Также это можно сделать с помощью клавиши «F5».

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

Заключение

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

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

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