Как использовать код Visual Studio Code runner

Обновлено: 27.06.2024

Иногда может потребоваться запустить код JavaScript непосредственно в Visual Studio Code (VSCode), чтобы проверить, работает ли фрагмент кода. Самый простой способ запуска JavaScript с помощью VSCode обычно включает в себя локальную установку Node.js на вашем компьютере, чтобы вы могли вызывать скрипт с помощью Node.js.

Например, предположим, что у вас есть скрипт index.js со следующим кодом:

Чтобы запустить файл, вам сначала нужно открыть встроенный терминал VSCode в меню View > Terminal:

Оказавшись внутри терминала, вы можете запустить код с помощью команды node name_of_file.js. На рисунке ниже показан результат выполнения команды node index.js на терминале:

Используя Node.js, вы можете легко протестировать любой написанный вами простой код JavaScript из встроенного терминала VSCode.

Использование расширения Code Runner

Кроме того, вы также можете использовать расширение VSCode Code Runner для запуска кода JavaScript без необходимости открывать консоль и вызывать Node.js вручную.

После того, как вы установили расширение, вам просто нужно открыть контекстное меню файла JavaScript, который вы хотите запустить, щелкнув правой кнопкой мыши, а затем щелкнуть меню «Выполнить код»:

Но внутри Code Runner также ищет Node.js, установленный на вашем локальном компьютере, поэтому вам нужно установить Node.js в любом случае.

Статьи по теме:

Повысьте уровень своих навыков программирования

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

сообщить об этом объявлении

О нас

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

Боладжи Айодеджи

C++ — это статически типизированный язык программирования свободного формата (обычно) компилируемый, мультипарадигменный, промежуточного уровня, универсальный язык программирования среднего уровня.

Проще говоря, C++ — это сложный, эффективный язык программирования общего назначения, основанный на C.

Он был разработан Бьерном Страуструпом в 1979 году.

Одной из основных функций C++ является компилятор. Это используется для компиляции и запуска кода C++.

Компилятор – это специальная программа, которая обрабатывает операторы, написанные на определенном языке программирования, таком как C++, и преобразует их в машинный язык или "код", используемый процессором компьютера.

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

Затем я решил найти способ компиляции C++ непосредственно в моем собственном редакторе VsCode, отсюда и эта статья :).

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

Предварительное знание C++
(Я предполагаю, что вы изучаете C++, собираетесь начать изучение или просто читаете это для развлечения. Эта статья не является учебным пособием по C++ 101 — необходимо некоторое понимание C++.)< /li>
Редактор кода Visual Studio
Загрузите здесь и ознакомьтесь с документацией по установке для Windows, Linux и Mac
Подключение к Интернету (!важно)

Отказ от ответственности!

В этой статье я буду использовать ОС Windows, но я предоставлю ссылки на ресурсы, которые помогут тем, кто использует другие операционные системы.

А теперь приступим!

MinGW, сокращение от "Minimalist GNU for Windows", представляет собой минималистскую среду разработки для собственных приложений Microsoft Windows.

PATH — это переменная среды в Unix-подобных операционных системах, DOS, OS/2 и Microsoft Windows, указывающая набор каталогов, в которых находятся исполняемые программы. Как правило, каждый выполняемый процесс или пользовательский сеанс имеют свою собственную настройку PATH. - Википедия

После установки MinGW его можно найти в C:\MinGW\bin . Теперь вы должны включить этот каталог в переменную окружения PATH. Если вы уже некоторое время пользуетесь компьютерами, вы уже должны знать, как это сделать, но если нет, вот несколько ресурсов:

Нажмите здесь, чтобы просмотреть руководство по ОС Windows
Нажмите здесь для Linux
Нажмите здесь, чтобы просмотреть руководство по Mac OS

Теперь у нас настроен компилятор, давайте установим Code Runner

Code Runner позволяет запускать фрагмент кода или файл кода для нескольких языков:

Нажмите здесь, чтобы скачать
Или выполните поиск на вкладке торговой площадки VsCode.

После установки перезапустите VsCode
Откройте файл C++ в Vscode. Ниже приведена базовая программа приветствия:

Сохраните этот файл как test.cpp

Используйте сочетание клавиш Ctrl+Alt+N
Или нажмите F1, а затем выберите/введите код запуска.
Или щелкните правой кнопкой мыши текстовый редактор и выберите "Выполнить код" в контекстном меню редактора.

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

Используйте сочетание клавиш Ctrl+Alt+M.
Или нажмите F1, а затем выберите/введите Stop Code Run.
Или щелкните правой кнопкой мыши выходной канал, а затем выберите "Остановить выполнение кода" в контекстном меню.

Ура, вы только что успешно настроили среду C++ в VsCode!

Подсказка: по умолчанию выходной терминал VsCode доступен только для чтения. Если вы используете код, требующий ввода данных пользователем, например:

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

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

Если вы новичок в VS Code и ищете упрощенное руководство по запуску кода, вы обратились по адресу. Мы поможем вам настроить необходимое программное обеспечение и запустить код с использованием знакомых языков, таких как C/C++ и Python, а также узнать, как запускать аргументы командной строки.

Ярлык для запуска кода в VS Code

В VS Code для запуска кода достаточно использовать ярлык. Это сочетание клавиш Ctrl + Alt + N. Есть еще несколько способов запуска кода.

Нажатие F1, а затем выбор «Выполнить код» также работают. Если вы хотите ввести его после нажатия F1, вы также можете это сделать.

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

Выполнить код также можно в главном меню редактора и в контекстном меню проводника.

Если вы хотите остановить выполнение кода, воспользуйтесь сочетанием клавиш Ctrl + Alt + M. Нажатие F1 также позволяет выбрать параметр «Остановить выполнение кода». Этот параметр также доступен в меню заголовка редактора и в канале вывода.

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

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

Как запустить код C в VS Code

Помимо знания кода C и VS Code, вам потребуется загрузить расширение C/C++. Без него вы не сможете запускать код C в VS Code.

Это инструкции по запуску кода C в VS Code:

Настройка необходимого программного обеспечения

Написание кода в VS Code

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

Как запустить код Python в VS Code

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

Прежде чем устанавливать остальные, на вашем ПК уже должен быть установлен Python. Предварительная проверка также важна.

Покончив с предварительными этапами, давайте приступим к процессу написания кода.

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

Как запустить код JS в VS Code

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

Вот как вы будете запускать код JavaScript в VS Code:

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

Существует и более простой способ запуска кода JavaScript:

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

Как запустить код с аргументами в VS Code

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

Прежде чем вы это сделаете, вы должны получить файл «launch.json». Если у вас его нет, вы можете создать его, выполнив следующие действия:

Следующие шаги предназначены для запуска кода с аргументами:

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

Программирование стало проще

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

Нравится ли вам использовать VS Code? Что вы думаете об интерфейсе? Дайте нам знать ваши мысли в разделе комментариев ниже.

Когда дело доходит до веб-разработки, путь каждого веб-разработчика начинается с написания веб-страниц в формате HTML, но многие люди застревают в процессе настройки своей среды разработки для запуска фрагментов кода HTML. Поэтому в этой статье давайте узнаем, как запускать HTML в коде Visual Studio на компьютерах с Windows 10.

Видеоруководство: как запускать HTML в Visual Studio Code в Windows 10

Если вам сложно запускать HTML-код в Visual Studio Code на компьютере с Windows 10, полное руководство можно найти в приведенном ниже видео.

Шаг 1. Настройте Visual Studio Code для запуска HTML-кода

1) Откройте Visual Studio Code, нажмите кнопку расширения и выполните поиск «code runner», выберите первый вариант из списка Jun Han и нажмите на маленький зеленый значок кнопку установить.

с этим расширением вы можете запустить код, нажав Ctrl+Alt+N, и остановить его, нажав Ctrl+Alt+M

2) Теперь откройте настройки кода, нажав файл, затем настройки, затем настройки .

3) После этого нажмите кнопку открыть настройки JSON, чтобы изменить настройки кода в коде Visual Studio.

4) В файле JSON введите « code-runner.executorMap » в фигурных скобках и нажмите Enter.

5) Снова нажмите Enter, чтобы создать новую строку, и вставьте приведенный ниже фрагмент в файл JSON, как показано на изображении ниже.

Прежде чем продолжить этот шаг, убедитесь, что на вашем компьютере с Windows 10 установлен Google Chrome.

6) Теперь сохраните внесенные изменения, нажав «Ctrl +S», и закройте все окна, открытые в коде Visual Studio.

7) После этого создайте новый файл, нажав «Ctrl+N», и сохраните его под любым именем. В нашем случае это « subscribe.html».

Ключевой момент, на который следует обратить внимание, это то, что вы всегда должны добавлять расширение «. html » к файлу HTML, иначе код не будет быть в состоянии обнаружить файл HTML.

8) вставьте приведенный ниже HTML-код, сохраните файл, нажав « Ctrl+S », и нажмите маленькую кнопку воспроизведения, чтобы запустить HTML-код, теперь вы будете автоматически перенаправлены на Google Chrome и созданная вами веб-страница будут отображаться.

9) Если вы видите что-то вроде изображения ниже в Google Chrome, поздравляем, вы успешно выполнили свой HTML-код.

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