Как запустить программу в visual studio code на Windows

Взялся изучать JS , установил VS Code . Написал код, однако запустить его не могу. Нажимаю отладка, запуск без отладки, и выдается ошибка. Вопрос: как запустить код в VS Code ?

• javascript
• visual-studio-code

Отслеживать
3,704 2 2 золотых знака 14 14 серебряных знаков 33 33 бронзовых знака
задан 10 июл 2019 в 14:28
PythonLearner4823 PythonLearner4823
101 1 1 золотой знак 2 2 серебряных знака 9 9 бронзовых знаков
Ошибка какая.
10 июл 2019 в 15:00

10 июл 2019 в 15:02

если не париться, то рядом положить файлик html и в нем подключить скрипт. запускаете html в браузере и скрипт работает. Или вы кроме скрипта js еще что-то юзаете?

26 сен 2019 в 9:48
можно ещё поставить расширение marketplace.visualstudio.com/… но это так для не сложных вычислений
4 дек 2019 в 9:01

4 ответа 4

Сортировка: Сброс на вариант по умолчанию

В вопросе не указана ОС. Если Windows, то:

1. Установить Node.js
2. Установить расширение Code Runner для VS Code
3. Перезапустить VS Code
4. В VS Code в правом верхнем углу нажать запуск (Run Code) или Ctrl + Alt + N

В большинстве случаев никакие конфигурационные файлы править не нужно.

Как программировать на С++ в Visual Studio Code на Windows 10

Также обратите внимание, что привычное для руководств alert(«Hello World»); работать не будет, попробуйте console.log(«Hello World»);

Отслеживать
ответ дан 4 дек 2019 в 8:54
Pavel Kudryavtcev Pavel Kudryavtcev
41 3 3 бронзовых знака

Ну тут есть несколько способов.

1) Скачиваете расширение Debugger for Chrome — должен появиться файл launch.json. Или он вместе с vs устанавливается, уже не помню. но он будет 100%.

Указываете url как на картинке(путь к файлу, который вы собираетесь запустить). Создаёте базовый html и вставляете туда скрипт.

2) Способ похож на предыдущий, но немного лучше: надо скачать node js. Установка в несколько пунктов(загуглите). Запустить localhost. Тут уже никаких путей к файлу указывать не надо.

3) Установить расширение code runner, выделить код в файле и нажать ctrl + alt + n. У меня этот способ почему-то не работает.

Источник: ru.stackoverflow.com

Учебник. Создание консольного приложения .NET в Visual Studio Code

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

[ИЗБАВЬ СЕБЯ ОТ СТРАДАНИЙ] Автоматизация запуска кода в редакторе VS Code, запуск кода по кнопке

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

• Установленная платформа Visual Studio Code с расширением C#. См. сведения об установке расширений Visual Studio Code из Marketplace.
• Пакет SDK для .NET 7.

Создание приложения

Создайте проект консольного приложения .NET с именем HelloWorld.

1. Запустите Visual Studio Code.
2. В главном меню выберите Файл>Открыть папку (в macOS выберите File>Open. (Файл > Открыть)).
3. В диалоговом окне Открыть папку создайте папку HelloWorld и выберите ее. Затем щелкните Выбрать папку (или Открыть в macOS). Имя папки по умолчанию преобразуется в имя проекта и имя пространства имен. Вы добавите код позже в этом учебнике. Предполагается, что пространство имен проекта — HelloWorld .
4. В диалоговом окне о доверии авторам файлов в этой папке выберите Да, я доверяю авторам.
5. Откройте терминал в Visual Studio Code, выбрав в основном меню пункт Вид>Терминал. Откроется окно Терминал с командной строкой в папке HelloWorld.
6. В окне терминала введите следующую команду:

dotnet new console —framework net7.0

Шаблон проекта создает простое приложение, которое отображает «Hello, World» в окне консоли путем вызова Console.WriteLine(String) метода в файле Program.cs.

Console.WriteLine(«Hello, World!»);
namespace HelloWorld < class Program < static void Main(string[] args) < Console.WriteLine(«Hello, World!»); >> >

При первом редактировании файла .cs в Visual Studio Code будет предложено добавить недостающие ресурсы для сборки и отладки приложения. Выберите Да и Visual Studio Code создаст папку .vscode с файлами launch.json и tasks.json.

• В меню выберите Запустить>добавить конфигурацию .
• Выберите .NET 5+ и .NET Core в командной строке Выбор среды .

Код определяет класс Program с одним методом Main , который принимает массив String в качестве аргумента. Main — точка входа в приложение. Это метод, который автоматически вызывается средой выполнения при запуске приложения. Все аргументы, предоставленные в командной строке при запуске приложения, доступны через массив args.

В последней версии C# новая используются операторы верхнего уровня, которые позволяют игнорировать класс Program и метод Main . Большинство существующих программ на C# не используют операторы верхнего уровня, поэтому в этом руководстве эта новая функция не используется. Но она доступна в C# 10, и то, используете ли вы ее в своих программах, зависит от стилистических предпочтений.

Запуск приложения

Выполните следующие команды в окне терминала:

dotnet run

Программа отображает «Hello, World!» и завершается.

Улучшение приложения

Давайте расширим приложение. Теперь у пользователя будет запрашиваться имя, которое затем будет отображаться с датой и временем.

1. Откройте файл Program.cs.
2. В Program.cs замените содержимое метода Main (строка, вызывающая Console.WriteLine ) следующим кодом:

Console.WriteLine(«What is your name?»); var name = Console.ReadLine(); var currentDate = DateTime.Now; Console.WriteLine($»Hello, , on at !»); Console.Write($»Press any key to exit. «); Console.ReadKey(true);

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

dotnet run

В ответ на приглашение в командной строке введите имя и нажмите клавишу ВВОД .

Нажмите любую клавишу для выхода из программы.

Дополнительные ресурсы

• Setting up Visual Studio Code (Настройка Visual Studio Code)

Следующие шаги

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

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

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

• Установленная платформа Visual Studio Code с расширением C#. См. сведения об установке расширений Visual Studio Code из Marketplace.
• Пакет SDK для .NET 6.

Создание приложения

Создайте проект консольного приложения .NET с именем HelloWorld.

1. Запустите Visual Studio Code.
2. В главном меню выберите Файл>Открыть папку (в macOS выберите File>Open. (Файл > Открыть)).
3. В диалоговом окне Открыть папку создайте папку HelloWorld и выберите ее. Затем щелкните Выбрать папку (или Открыть в macOS). Имя папки по умолчанию преобразуется в имя проекта и имя пространства имен. Вы добавите код позже в этом учебнике. Предполагается, что пространство имен проекта — HelloWorld .
4. В диалоговом окне о доверии авторам файлов в этой папке выберите Да, я доверяю авторам.
5. Откройте терминал в Visual Studio Code, выбрав в основном меню пункт Вид>Терминал. Откроется окно Терминал с командной строкой в папке HelloWorld.
6. В окне терминала введите следующую команду:

dotnet new console —framework net6.0 —use-program-main

Шаблон проекта создает простое приложение, которое отображает «Hello, World» в окне консоли путем вызова Console.WriteLine(String) метода в файле Program.cs.

namespace HelloWorld; class Program < static void Main(string[] args) < Console.WriteLine(«Hello, World!»); >>

При первом редактировании файла .cs в Visual Studio Code будет предложено добавить недостающие ресурсы для сборки и отладки приложения. Выберите Да и Visual Studio Code создаст папку .vscode с файлами launch.json и tasks.json.

• В меню выберите Запустить>добавить конфигурацию .
• Выберите .NET 5+ и .NET Core в командной строке Выбор среды .

Код определяет класс Program с одним методом Main , который принимает массив String в качестве аргумента. Main — точка входа в приложение. Это метод, который автоматически вызывается средой выполнения при запуске приложения. Все аргументы, предоставленные в командной строке при запуске приложения, доступны через массив args.

В последней версии C# новая используются операторы верхнего уровня, которые позволяют игнорировать класс Program и метод Main . Большинство существующих программ на C# не используют операторы верхнего уровня, поэтому в этом руководстве эта новая функция не используется. Но она доступна в C# 10, и то, используете ли вы ее в своих программах, зависит от стилистических предпочтений. В команде dotnet new , которая использовалась для создания проекта, —use-program-main параметр запрещает использование инструкций верхнего уровня.

Запуск приложения

Выполните следующие команды в окне терминала:

dotnet run

Программа отображает сообщение «Hello, World!» и завершается.

Улучшение приложения

Давайте расширим приложение. Теперь у пользователя будет запрашиваться имя, которое затем будет отображаться с датой и временем.

1. Откройте файл Program.cs.
2. В Program.cs замените содержимое метода Main (строка, вызывающая Console.WriteLine ) следующим кодом:

Console.WriteLine(«What is your name?»); var name = Console.ReadLine(); var currentDate = DateTime.Now; Console.WriteLine($»Hello, , on at !»); Console.Write($»Press any key to exit. «); Console.ReadKey(true);

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

dotnet run

В ответ на приглашение в командной строке введите имя и нажмите клавишу ВВОД .

Нажмите любую клавишу для выхода из программы.

Дополнительные ресурсы

• Setting up Visual Studio Code (Настройка Visual Studio Code)

Следующие шаги

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

Источник: learn.microsoft.com

Настройка и использование VS Code для Python-кода

В 2016-м году компания Microsoft представила миру свой новый редактор программного кода. В отличие от старшей сестры — полноценной IDE Visual Studio — VS Code получился куда более компактным и легковесным решением. Он разработан как кроссплатформенное ПО и может быть успешно установлен в системах Windows, Linux и macOS.

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

И хоть, за годы своего существования, VSCode зарекомендовал себя, в основном, как продукт для веб-разработки, в 2018 году появилось расширение » Python «, которое дало программистам многочисленные возможности для редактирования, отладки и тестирования кода на нашем любимом языке.

Установка VSCode

Поистине смешные системные требования Visual Studio Code обязательно порадуют владельцев старых машин.

Для полноценной работы редактору требуется всего лишь 1 ГБ оперативной памяти и процессор с частотой от 1.6 ГГц.

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

Установка редактора никуда не отходит от данной парадигмы и тоже является весьма простым и понятным процессом.

Windows

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

Linux

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

Установить VSCode можно несколькими способами:

Способ №1 : Самый простой способ — воспользоваться менеджером установки «Ubuntu Software».

Способ №2 : Скачать дистрибутив с официального сайта и установить его командой:

sudo apt install ./.deb

О других способах установки читайте на странице официальной документации в разделе » Setup «;

macOS

Алгоритм установки редактора внутри яблочной операционной системы также не представляет собой ничего сложного:

1. Сначала нужно скачать Visual Studio Code с официального сайта.
2. Затем открыть список загрузок браузера и найти там VSCode-Darwin-Stable.zip .
3. Нажмите на иконку увеличительного стекла, чтобы открыть архив.
4. Перетащите Visual Studio Code.app в папку приложений, сделав ее доступной на панели запуска.
5. Щёлкните правой кнопкой мыши по значку и выберите команду » Оставить в Dock «.

Настройка под Python

Установка расширения «Python»

Для начала работы с Python, нужно перейти на вкладку Extensions , что находится на панели слева, либо нажать Ctrl + Shift + X . Сделав это, набираем в строке поиска » Python «.

VS Code поддерживает, как вторую, так и третью версию языка, однако python интерпретатор на свою машину вам придётся поставить самостоятельно.

Подробнее о том, как установить Python:

Если вы новичок и только начинаете работу с Python или же не имеете каких-то особых указаний на этот счёт, то лучшим выбором станет именно актуальная третья версия.

Вот краткий список основных возможностей расширения «Python»:

• Автодополнение кода.
• Отладка.
• Поддержка сниппетов.
• Написание и проведение тестов.
• Использование менеджера пакетов Conda.
• Возможность создания виртуальных сред.
• Поддержка интерактивных вычисления на Jupyter Notebooks.

Выбор версии интерпретатора Python

После от вас потребуется совершить выбор версии интерпретатора внутри самого редактора (обычно VS code знает, где он расположен). Для этого:

1. Откройте командную строку VSCode (Command Palette) комбинацией Ctrl + Shift + P .
2. Начинайте печатать » Python: Select Interpreter «;
3. После, выберите нужную версию интерпретатора.

Также выбрать версию можно в панели активности в левом нижнем углу:

Если вы хотите использовать pipenv в своем проекте:

1. Установите pipenv командой pip install pipenv (или pip3 install pipenv );
2. Выполните команду pipenv install ;
3. Откройте » Command Palette «, напечатайте » Python: Select Interpreter » и из списка выберите нужную версию интерпретатор.

Подробнее о pipenv:

Работа в VS Code

Запуск редактора

Как и другие современные редакторы и среды разработки, VS Code фиксирует состояние на момент закрытия программы. При следующем запуске, он открывается в том же самом виде, в котором существовал до завершения работы.

Так как VSCode, в первую очередь — редактор, а не полновесная среда разработки, здесь нет особой привязки к проекту. Вы можете сходу создавать, открывать и редактировать нужные вам файлы. Достаточно, после запуска, нажать Open File или New File и можно начинать работу.

Интерфейс

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

Весь UI VSCode разделился, таким образом, на шесть областей:

1. Область редактора — основная область для написания и редактирования вашего кода.
2. Боковая панель — здесь содержатся различные представления (например проводник).
3. Строка состояния — визуализирует рабочую информацию об открытом в данный момент файле.
4. Командная панель — классическая главная панель с вкладками file, edit, go, run и так далее.
5. Панель активности — область в крайнем левом углу, где находятся важные вспомогательные вкладки, вроде контроля версий, дебаггера и магазина расширений.
6. Мультипанель — панель на которой располагается вывод отладку, информация об ошибках и предупреждениях, а также встроенный в VS Code терминал.

Запуск Python-кода (run)

Выполнить код можно несколькими способами. Самый простой — комбинацией Ctrl + Alt + N .

Также можно вызвать скрипт контекстным меню, выбрав строку » Run Python File in Terminal «.

Или нажав иконку » Run » в правом верхнем углу.

Отладка (debugger)

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

Вся информация о текущем состоянии будет выводиться на панель дебаггера.

Слева откроется панель дебаггера с информацией о состоянии переменных (Variables), отслеживаемых переменных (Watch) и стеке вызова (Call stack).

Сверху расположена панель инструментов дебаггера.

Рассмотрим команды (слева направо):

1. continue ( F5) — перемещает между breakpoint-ами;
2. step over ( F10) — построчное (пошаговое) перемещение;
3. step into ( F11) — построчное (пошаговое) перемещение c заходом в каждую вызываемую функцию;
4. step out ( Shift + F11) — работает противоположно step into — выходит из вызванной функции, если в данный момент вы находитесь внутри неё. Далее работает как continue .
5. restart ( Ctrl + Shift + F5) — начинаем отладку с начала.
6. stop ( Shift + F5) — остановка и выход из режима отладки.

Чаще всего для отладки используются continue ( F5 ) и step over ( F10 ).

С отладкой разобрались .

Тестирование (testing)

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

Сначала следует нажать комбинацию клавиш Ctrl + Shift + P и в так называемой палитре команд выбрать Python: Configure Tests .

Редактор предложит вам определить фреймворк (мы выбрали «pytest») и папку, содержащую тесты (мы выбрали «. Root directory»).

Создадим новый файл с тестами ( test_app.py ) и запустим его, кликнув правой кнопкой мыши на этом файле и выбрав пункт » Run Current Test File «.

Также тесты можно запускать по нажатию на кнопку Run Tests в нижней строке состояния

Чтобы увидеть результаты, необходимо открыть вкладку Output на панели, и в выпадающем меню выбрать пункт PythonTestLog .

Как мы видим, первый тест прошел успешно, а второй провалился.

Для удобства работы с тестами, установим расширение » Python Test Explorer for Visual Studio Code «.

Теперь информацию по тестам можно посмотрев, кликнув на левой панели » иконку с колбой «, предварительно запустив тесты.

GIT

Для начала работы с системами контроля версий обратимся к вкладке Source Control , что находится на панели активности слева (или Ctrl + Shift + G ).

По умолчанию VS Code дружит с Git и GitHub

Поддержку других систем возможно настроить самостоятельно, установив соответствующие расширения.

Чтобы связать проект с github (или gitlab), сперва необходимо скачать на ваш ПК git (если ещё не скачан). VSCode автоматически определит его местоположение, и затем у вас появится возможность синхронизации.

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

А для удобного просмотра изменений в git, советую установить расширение » Git Graph «. После его установки, на панели » Source Control » появится новая кнопка, которая отобразит граф состояния (git log).

ТОП плагинов для VS Code

• Python extension for Visual Studio Code — официальное расширение Python от Microsoft.
• TabNine — магией машинного обучения пропитан сей плагин сотворённый для высших целей интеллектуального автозаполнения кода.
• Python Preview — расширение, способствующее более простой и лёгкой отладке в VSCode.
• Indent-Rainbow — плагин выделяет цветом все отступы, чередуя четыре разных цвета на каждом блоке.
• Bracket Pair Colorizer — плагин для лучшей читаемости кода, который разукрашивает соответствующие друг другу скобки в один цвет.
• Better Comments — позволяет создавать более красивые и удобные комментарии к вашему программному коду.
• Python Test Explorer for Visual Studio Code — запуск тестов с помощью TestExplorer UI.
• Debugger for Chrome — добавление отладчика браузера Google Chrome в ваш редактор.
• Path Intellisense — плагин, который автозаполняет имена файлов.
• Python Docstring Generator — плагин для быстрого генерирования docstrings.
• Bookmarks — расширение позволяет создавать закладки в коде и перемещаться по ним с помощью горячих клавиш.
• Error Lens — удобная подсветка ошибок.
• TODO Highlight — подсветка TODO и FIXME в комментариях.

Источник: pythonchik.ru