Не работают расширения в visual studio code

Обновлено: 22.01.2025

Visual Studio Code — популярный редактор кода, бесплатный и с открытым исходным кодом. Но я уверен: каждый из нас, кто пытался настроить Visual Studio Code для разработки приложений на C++, Java или Python, прошел через стадию: “О Боже! Почему нельзя как-нибудь попроще?” Я сам пробовал настроить VS Code пару раз и в итоге закончил тем, что использовал CodeBlocks. 🙁

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

Сегодня я покажу, как настроить среду разработки для спортивного программирования на C++, Java и Python в VS Code с нуля. Мы также посмотрим, какие расширения больше всего пригодятся, чтобы начать работу с VS Code. В конечном счете, ваша среда разработки будет выглядеть примерно так:

1. Устанавливаем Visual Studio Code

Скачайте последнюю версию Visual Studio Code с официального сайта. Рекомендуется загрузить системный установщик (System Installer), но если у вас нет прав администратора, то пользовательский установщик (User Installer) тоже подойдет. Выполните все обычные шаги по установке и обязательно проставьте все следующие чекбоксы:

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

2. Настраиваем расширения

Ниже приведен список расширений, которые нам понадобятся для правильной настройки VS Code. Откройте VS Code и перейдите на панель расширений (Ctrl + Shift + X), которая находится на левой панели инструментов, и начните загружать друг за другом следующие расширения:

от Microsoft — [Важно] Для корректной работы этого расширения нам понадобится установленный и добавленный в PATH компилятор MinGW. Если у вас его нет, следуйте этому руководству. от austin. от Microsoft — вам нужно будет настроить Python для работы этого расширения. Загрузите и установите последнюю версию отсюда. от Microsoft — [Важно] Перед установкой убедитесь, что в вашей системе настроены Java 8 JDK и JRE и указаны все необходимые переменные среды для Java. Если нет, посмотрите это видео о том, как настроить Java на вашем компьютере. от Jun Han — мы будем использовать это расширение для запуска всех наших программ. Для этого необходимо выполнить некоторые шаги по настройке. Мы увидим эти шаги в следующих разделах.

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

(Необязательно)Material Theme от Mattia Astronio — это расширение содержит множество приятных глазу тем. Вы можете выбрать любую, какая понравится. Лично я предпочитаю Monokai, которая доступна в VS Code по умолчанию, без каких-либо расширений.

Чтобы выбрать тему, нажмите Ctrl + Shift + P. Откроется палитра команд. Осуществите поиск по слову “theme” и выберите опцию Color Theme. Чтобы настроить иконки, можете выбрать опцию File Icon Theme.

Расширения для тех, кто интересуется FrontEnd-фреймворками для веб-разработки, такими как Angular и React:

(Необязательно) Angular Language Service от Angular.
(Необязательно) Angular Snippets от John Papa.
(Необязательно) ES7 React / Redux / GraphQL / React-Native snippets от dsznajder.
(Необязательно) React Native Tools от Microsoft.
(Необязательно) Live Server от Ritwick Dey.

3. Настраиваем внешний вид редактора

Итак, мы уже установили VS Code и несколько расширений. Теперь мы готовы настраивать среду разработки. Я создал шаблон для спортивного программирования в VS Code и загрузил его в свой профиль на Github.

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

Пройдитесь по файлам main.cpp, Main.java и main.py и посмотрите на записанный в них образец кода. По сути, шаблонный код, предоставленный в образцах для каждого из этих трех языков, принимает входящие данные из файла input.txt и обеспечивает вывод в файл output.txt. Для каждой программистской задачи, которую вы хотите решить, просто создайте копию этого шаблона и напишите свой код в функции solve().

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

Откройте файлы в следующем порядке: main.cpp, input.txt, output.txt. Порядок, в каком были открыты файлы, можно видеть сверху на панели инструментов. Убедитесь, что порядок именно такой, как указано выше.
Откройте input.txt. Выберите в меню View -> Editor Layout -> Split Right. Вы должны увидеть что-то подобное:

У вас получится две группы. Перетащите output.txt из левой группы в правую. Закройте тот input.txt, что остался слева. Должно выйти примерно так:

Далее откройте output.txt в правой группе. Выберите View -> Editor Layout -> Split Down. Уберите output.txt из верхней группы. После этого вы увидите:

Готово! Мы настроили внешний вид редактора. А теперь давайте запускать код.

4. Запускаем код!

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

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

Выберите File -> Preferences -> Settings.
Введите “code runner run in terminal” в поле поиска и установите галку в чекбоксе:

По умолчанию Code Runner не добавляет флаг -std=c++14 при компиляции кода. Это ограничивает ваши возможности как программиста. Например, если вы попытаетесь сделать так:

То это вызовет предупреждение: “Расширенные списки инициализаторов доступны только с -std=c++11 или -std=gnu++11”.

Выполните следующие действия, чтобы добавить флаг:

Выберите File -> Preferences -> Settings.
Введите в поиске “Run Code Configuration”.
Определите местонахождение “Code-runner: Executor Map” и выберите “Edit in settings.json”. Это откроет файл settings.json. Добавьте туда следующий код:

Наконец-то всё настроено для запуска ваших программ на C++, Java и Python.

Откройте файл main.cpp. Нажмите правую кнопку мыши и выберите опцию Run Code. Попробуйте напечатать что-нибудь в функции solve(), чтобы проверить, происходит ли у вас вывод в файл output.txt или нет.

Следуйте той же процедуре с файлами Main.java и main.py. Расширение Code Runner возьмет на себя выполнение каждого из них.

Я надеюсь, что эта статья помогла вам настроить Visual Studio Code. Счастливого программирования!

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

Как я могу загрузить .vsix расширение, размещенное на торговой площадке ?

ОБНОВЛЕНИЕ 2017-12-13

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

В Visual Studio Code 1.7.1 перетаскивание или открытие расширения больше не работает. Для того, чтобы установить его вручную, вам необходимо:

открыть боковую панель расширений
нажмите на многоточие в правом верхнем углу
выберите Установить из VSIX

Старый метод

Согласно документации, можно скачать расширение напрямую:

URL-адрес прямой загрузки расширения имеет следующий вид:

Это означает, что для загрузки расширения вам необходимо знать

имя издателя
версия
имя расширения

Вы можете найти всю эту информацию в URL-адресе.

пример

Издатель, расширение и версия

Вы можете найти издателя и названия расширения на главной странице расширения внутри его URL:

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

Монтаж

Чтобы установить расширение

Расширение успешно установлено. Перезагрузите, чтобы включить его.

Я сделал букмарклет для использования на странице расширения. Посмотрим, как долго он проработает !: javascript:(function() )() Шаг установки у меня не сработал в VS Code 1.7.1 (октябрь 2016 г.). @RoyDictus ideed, VSCode показывает ссылку на расширения вместо его установки: - | они, должно быть, что-то изменили. @RoyDictus см. Обновление - это должно сработать для вас. Скриншоты приложу в другой раз.

добавление к ответу t3chb0t, не знаю, почему опция загрузки не отображается, поэтому создал патч для тех, кто использует GreaseMonkey / TamperMonkey: вы можете найти здесь код сути

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

Красиво, но излишне, поскольку VSCode теперь предоставляет ссылку на своем веб-сайте @Blowsie не всегда, в Windows я вижу ссылку, в Linux - нет

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

Итак, я собрал быстрое веб-приложение, чтобы упростить задачу. Просто вставьте URL-адрес нужного расширения, и выйдет загрузка вашего расширения, которое уже правильно названо: publisher-extension-version.vsix.

Красиво, но излишне, поскольку VSCode теперь предоставляет ссылку на своем веб-сайте Верный. Это совсем недавнее добавление с их стороны. В ближайшем будущем я, вероятно, отключу свою службу. @YaakovChaikin ссылка не всегда отображается, но ваш сервис работает стабильно Это здорово. К сожалению, когда другие делали аналогичные вещи на страницах GitHub вместо Heroku, такие пользователи, как ChrisF, удаляли их, говоря «не связывайтесь с вашим GitHub». Печально, когда модераторы становятся хулиганами.

На сегодняшний день URL-адрес загрузки последней версии расширения дословно встроен в исходный код страницы на Marketplace, например источник по URL-адресу:

Я использую следующее регулярное выражение Python для извлечения URL-адреса dl:

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

Добавление к отличному ответу t3chb0t - используйте эти команды PowerShell для установки всех расширений VSCode в папку:

Затем перезагрузите VSCode, чтобы завершить установку.

Я сохранил сценарий для загрузки расширения с торговой площадки с помощью сценария PowerShell. Не стесняйтесь комментировать или делиться им.

Для пользователей Python шаблон для использования с отличным ответом t3chbot выглядит так:

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

Если вы ищете решение по сценарию:

Получите URL-адрес загрузки двоичного файла: вы можете использовать API, но имейте в виду, что для него нет документации. Этот API может возвращать URL-адрес для загрузки .vsix файлов (см. Пример ниже)
Загрузите двоичный файл
Тщательно вставьте unzip двоичный файл

Пояснения к приведенному выше примеру:

"filterType": 8 - FilterType.Target больше FilterTypes
"filterType": 7 - FilterType.ExtensionName больше FilterTypes
"flags": 514 - 0x2 | 0x200 - Flags.IncludeFiles | Flags.IncludeLatestVersionOnly - еще флаги
- чтобы получить десятичное значение флага, вы можете запустить python -c "print(0x2|0x200)"
Если у вас есть конкретная (устаревшая) версия VSCode в автономном экземпляре, загрузка последних расширений может не интегрироваться должным образом.

Чтобы убедиться, что VSCode и расширения работают вместе, все они должны быть установлены вместе на онлайн-машине. Это устраняет любые зависимости (с конкретными версиями) и обеспечивает точную конфигурацию автономного экземпляра.

Быстрые шаги:

Установите версию VSCode, отключите обновление и установите расширения. Скопируйте расширения из установленного места и разместите их на целевой машине.

Подробные шаги:

Установите точную версию VSCode на онлайн-машину. Затем отключите обновления, перейдя в File -> Preferences -> Settings . В Settings окне на User Settings -> Application , перейдите в Update раздел, и изменить параметр , Channel чтобы none . Это предотвращает доступ VSCode к Интернету и автоматическое обновление ваших версий до последних.

Затем перейдите в раздел расширений VSCode и установите все желаемые расширения. Скопируйте установленные расширения из места их установки (вместе с Windows C:\Users\<username>\.vscode\extensions ) в то же место на целевой машине.

Так может выглядеть интерфейс редактора после установки расширений

Основные возможности
- отладчик кода
- встроенный терминал
- удобные инструменты для работы с Git
- подсветка синтаксиса для множества популярных языков и файловых форматов
- удобная навигация
- встроенный предпросмотр Markdown
- умное автодополнение
- встроенный пакетный менеджер
VS Code имеет большое количество расширений для разработчика. Для установки нового пакета зайдите во вкладку “Extensions”, введите название пакета в строке поиска, нажмите кнопку “Install”.

EditorConfig for VS Code

EditorConfig — это конфигурационный файл и набор расширений к большому количеству редакторов кода. Он подхватывает настройки из файла .editorconfig , который, как правило, размещается в корне проекта. Расширение автоматически настроит отступы и перевод строк единообразно для всех разработчиков, использующих его. PHP код чаще всего выполняется на *nix системах, поэтому необходимо использовать стандарт.

Ниже приводится пример файла .editorconfig , который используется в Laravel:

PHP Intelephense

В редакторе уже есть поддержка синтаксиса и подсказок стандартных функций языка. Но без специального дополнения редактор не будет подсказывать пользовательские функции из других частей проекта. Поэтому для поддержки автодополнения, анализа кода, перехода к месту, где создана функция/класс/переменная (с помощью шортката Alt+Click ), используется дополнение PHP Intelephense

Чтобы подсказки не дублировались необходимо отключить встроенную в редактор поддержку кода для PHP: Extensions -> Search @builtin php -> PHP Language Features -> Disable

PHP Debug

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

Чтобы воспользоваться PHP Debug, необходимо установить сам XDebug, без него расширение для редактора работать не будет. Установив расширение, необходимо добавить конфигурацию для PHP в разделе Debug . После выбора языка в корне проекта будет создан файл .vscode/launch.json с задачами для Дебаггера. Расширение создаст файл со стандартными параметрами.

Для того, чтобы XDebug общался с нашим дебаггером, необходимо добавить настройки в файл конфигурации php. Чтобы найти этот файл выполните в терминале команду php --ini или запустите веб-сервер с кодом phpinfo() .

В Linux PHP подгружает не только основной файл, но и файл из этой директории. Например, на Ubuntu путь к директории конфигурационных файлов для PHP может быть таким — /etc/php/7.3/cli/conf.d/ . В ней создаём файл с необходимыми правами (требуются root права):

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

PHP Sniffer

В языках программирования есть понятие стиль кодирования. Но не все разработчики знают об этом. Программа, которая отвечает за проверку на соответствие стандартам, называется линтер. В PHP приняты стандарты под названием PSR. Нас интересуют стандарты PSR-1 и PSR-12. Именно эти два стандарта касаются кодирования и правил оформления.

В PHP в качестве линтера используется PHP_CodeSniffer. Для его работы необходимо установить глобально сам линтер composer global require "squizlabs/php_codesniffer=*" и расширение PHP Sniffer.

Проверьте, что линтер установился:

Выполнить проверку кода в терминале можно с помощью команды phpcs , явно указав стандарт, который мы хотим использовать, и путь для проверки:

Semicolon Insertion Shortcut

PHP требует разделять инструкции с помощью точки запятой. Расширение Semicolon Insertion Shortcut добавляет необходимый символ в конец строки с помощью шортката. Если при нажатии [Ctrl] + ; символ не вставляется, то необходимо проверить список горячих клавиш и при необходимости назначить комбинацию вручную: File -> Preferences -> Keyboard Shortcuts

Extra

Список расширений, которые могут быть использованы не только для PHP:
Settings Sync — плагин, позволяющий синхронизировать настройки редактора между разными компьютерами. В качестве облачного хранилища используется Github Gists. Все настройки можно скачать, указав нужный файл синхронизации.

Fira Code — моноширинный шрифт, в котором используются лигатуры (объединяет несколько символов в один) для общих комбинаций символов в программировании. Визуальная надстройка для более удобного чтения кода.

Что такое Visual Studio Code

Visual Studio Code (VS Code) – это кроссплатформенный редактор кода, разработанный компанией Microsoft.

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

Visual Studio Code поддерживает работу с таким языками как:

Кроме этого он поддерживает и язык Transact-SQL, иными словами, Visual Studio Code можно использовать для подключения к Microsoft SQL Server и разработки хранимых процедур, функций, написания и выполнения SQL запросов, выгрузки данных в различные форматы (Excel, JSON, CSV), в общем, для выполнения всех тех действий, которые требуется выполнять SQL разработчику при работе с Microsoft SQL Server.

Как работать в Visual Studio Code с языком T-SQL

Если Вы работаете в Visual Studio Code и Вам предстоит разрабатывать код на T-SQL, то Вам совсем необязательно устанавливать и использовать специализированные инструменты для работы с Microsoft SQL Server, такие как: Azure Data Studio или полнофункциональную среду SQL Server Management Studio (SSMS), Вам достаточно установить расширение SQL Server (mssql) в Visual Studio Code, которое позволяет подключаться к Microsoft SQL Server и добавляет полезные функции для работы с T-SQL кодом.

Таким образом, чтобы работать с T-SQL кодом в Visual Studio Code, необходимо установить специальное расширение.

Установка расширения SQL Server (mssql) в Visual Studio Code

Расширение SQL Server (mssql) в Visual Studio Code устанавливается точно так же, как и все остальные.

Чтобы установить расширение SQL Server (mssql), необходимо:
1. Перейти на вкладку «Расширения»
2. В поиск ввести «SQL Server»
3. Выбрать расширение «SQL Server (mssql)»
4. Нажать Install для установки
Как подключиться к Microsoft SQL Server в Visual Studio Code

После установки расширения SQL Server (mssql) в Visual Studio Code появится вкладка «SQL Server», на которой будут отображаться подключения.

Если на компьютере, на котором установлен Visual Studio Code, есть локальный экземпляр Microsoft SQL Server, то подключение к данному экземпляру может быть настроено автоматически.

Чтобы настроить новое подключение к Microsoft SQL Server, необходимо:
1. Нажать на + (Add Connection) и последовательно вводить данные для подключения
2. В строке для подключения сначала нужно ввести адрес сервера (включая имя экземпляра, если используется именованный экземплярSQLServer) и нажать ввод (Enter)
3. Затем ввести имя базы данных для подключения и нажать ввод (Enter)
4. Потом выбрать тип аутентификации:
  - SQL Login – для ввода логина и пароля
  - Integrated – для аутентификации с помощью учетных данных Windows (сквозная аутентификация)
5. Далее ввести имя подключения, которое будет отображаться в обозревателе, и нажать ввод
После чего в обозревателе отобразится новое подключение.

Обзор возможностей Visual Studio Code по работе с языком Transact-SQL

Теперь давайте рассмотрим функционал, который добавляет расширение SQL Server (mssql) в Visual Studio Code.

Обозреватель объектов SQL Server

Расширение SQL Server (mssql) в Visual Studio Code позволяет создавать подключение к Microsoft SQL Server, а также оно предоставляет интерфейс для просмотра объектов на сервере, наподобие обозревателя объектов, который реализован в SQL Server Management Studio.

Таким образом, с помощью этого обозревателя объектов Вы можете видеть какие таблицы, представления, хранимые процедуры, функции и другие объекты, с которыми приходиться работать SQL программисту, созданы на сервере.

Редактор SQL кода с технологией IntelliSense

Visual Studio Code с расширением SQL Server (mssql) обладает современным и продвинутым редактором SQL кода, который поддерживает технологию IntelliSense, т.е. автодополнение (Вы начинаете писать первые буквы SQL оператора, а редактор сам дописывает его).

Интеллектуальные фрагменты SQL кода

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

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

Кроме этого, посмотреть на полный перечень доступных фрагментов кода можно, если в редакторе написать слово «SQL».

Просмотр определений объектов базы данных

Расширение SQL Server (mssql) в Visual Studio Code позволяет просматривать сведения об объектах базы данных, иными словами, в процессе написания SQL запросов или инструкций, Вы очень легко можете узнать исходную инструкцию создания той или иной таблицы, хранимой процедуры или других объектов базы данных.

Встроенная возможность выгрузки данных в формат Excel, JSON, CSV

Расширение SQL Server (mssql) в Visual Studio Code предоставляет встроенный функционал для выгрузки данных, полученных в результате выполнения SQL запросов, т.е. Вы можете легко выгрузить данные, сформированные определённым SQL запросом, для этого есть специальные иконки в области результирующего набора данных.

Заключение

Таким образом, расширение SQL Server (mssql) в Visual Studio Code может оказаться весьма полезным для разработчиков, которым приходиться работать с Microsoft SQL Server и языком T-SQL.

Чтобы подвести итог, давайте выделим основные особенности расширения SQL Server (mssql) в Visual Studio Code.

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