Как запустить код в Visual Studio

Обновлено: 21.11.2024

Visual Studio Code — один из самых популярных и мощных текстовых редакторов, используемых сегодня разработчиками программного обеспечения.

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

Я. Введение

Что такое «текстовые редакторы»?

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

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

Текстовые редакторы, предназначенные для написания кода, имеют ряд преимуществ:

Подсветка синтаксиса для конкретного языка
Автоматический отступ кода
Цветовые схемы в соответствии с вашими предпочтениями и облегчают чтение кода.
Подключаемые модули или дополнительные программы для обнаружения ошибок в коде.
Древовидное представление или визуальное представление папок и файлов проекта для удобной навигации по проекту.
Сочетания клавиш или их комбинации для ускорения разработки

Возможно, вы также читали или слышали об интегрированных средах разработки или «интегрированных редакторах разработки». IDE позволяет не только редактировать, но также компилировать и отлаживать код с помощью одного приложения или интерфейса. Хотя текстовый редактор, который мы рекомендуем, не считается IDE, он имеет множество функций, подобных IDE, которые упрощают жизнь разработчика, не требуя большого количества ресурсов, которые обычно требуются для IDE. Лучшее из обоих миров!

Выбор текстового редактора

На выбор предлагается несколько текстовых редакторов. Например, Visual Studio Code — один из самых популярных текстовых редакторов, используемых разработчиками. (Это Visual Studio Code, а не Visual Studio, который немного отличается. Нам нужен первый, тот, в названии которого есть «Code».) Другими популярными текстовыми редакторами, о которых вы, возможно, слышали, являются Atom и Sublime Text.

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

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

II. Установка кода Visual Studio

Итак, мы выбрали наш текстовый редактор, теперь нам просто нужно установить его на наш компьютер!

Видеоинструкции

В этом видео показано, как загрузить и установить Visual Studio Code. Письменные инструкции приведены ниже.

Этапы установки

Процесс установки для компьютеров под управлением macOS, Windows и Linux (в частности, Ubuntu и Debian) будет очень похожим, и использование Visual Studio Code на всех них будет одинаковым.

Посетите веб-сайт Visual Studio Code, чтобы загрузить последнюю версию Visual Studio Code.

Вы должны увидеть, что отображается операционная система вашего компьютера, но если она неверна, нажмите стрелку вниз и найдите параметр, соответствующий вашей операционной системе, в раскрывающемся меню, а затем щелкните значок стрелки вниз в разделе «Стабильная».< /p>

Пользователи Windows: будет загружена последняя версия Visual Studio Code в виде файла .exe.

Пользователи Mac: будет загружена последняя версия Visual Studio Code для Mac в виде ZIP-файла.

Пользователи Linux: .deb и .rpm — это разные типы файлов для хранения данных. Мы предлагаем вам скачать файл .deb, чтобы автоматические обновления работали так, как предлагает документация Visual Studio Code.

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

Пользователи Windows: откройте файл .exe, щелкнув его, и запустите программу установки. Продолжайте нажимать «Далее», а затем «Готово».

Пользователям Mac: загруженный ZIP-файл должен находиться в папке «Загрузки». Откройте файл. Если вы видите это сообщение, выберите «Открыть».

Пользователям Linux: загруженный файл должен находиться в папке «Загрузки».

Найдите его в файловом менеджере, дважды щелкните и выберите «Установить» в центре программного обеспечения с графическим интерфейсом или выполните следующие команды по одной в терминале:

Убедитесь, что ваше приложение Visual Studio Code сохранено в месте, где, как вы знаете, вы легко сможете его найти.

Пользователи Windows: он будет автоматически помещен в меню "Пуск".

Пользователи Mac: нажмите и перетащите значок Visual Studio Code из папки "Загрузки" в папку "Приложения".

Пользователи Linux: он должен появиться на панели задач программ.

Вот и все, вы успешно установили текстовый редактор и готовы приступить к написанию кода!

III. Практика: используйте Visual Studio Code для запуска проекта вне платформы

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

Для этого нам понадобится текстовый редактор, который мы установили выше. Давайте на минутку попробуем Visual Studio Code.

Что такое «папки разработки»?

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

Большинство разработчиков хранят свои проекты в удобном для поиска каталоге (который вы, возможно, привыкли называть «папкой»). Здесь, в Codecademy, мы рекомендуем называть этот каталог проектами. Он будет хранить все ваши проекты кодирования. Всякий раз, когда вы создаете новый проект, независимо от того, насколько он мал, вы всегда должны создавать новую папку внутри каталога ваших проектов. Вы обнаружите, что проекты из одного файла могут быстро превратиться в большие проекты с несколькими папками.

Практика: создадим проект

Ниже приведены шаги, которые необходимо выполнить, чтобы создать новую папку для всех ваших программных проектов. Вы также узнаете, как загрузить новую папку проекта в Visual Studio Code и создать свой первый HTML-проект «Hello World».

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

1. Создайте папку разработки.

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

Пользователи Mac: это может быть ваша учетная запись пользователя или папка «Домашняя».

Пользователи Windows: вы можете сохранить это на диск C.

Пользователям Linux: вы можете сохранить это в папке пользователя в папке «Домашняя».

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

2. Откройте код Visual Studio

3. Откройте папку разработки

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

Перейдите к папке HelloWorld и выберите Открыть. Папка откроется на боковой панели Visual Studio Code. На данный момент в папке не должно быть содержимого. Мы добавим файл на следующем шаге.

4. Добавьте файл.

Прежде чем вы научитесь добавлять файлы в папку проекта, важно понять назначение расширений файлов. Расширение файла — это суффикс имени файла (последние 3 или 4 символа в имени файла, которым предшествует точка) и описывает тип содержимого, содержащегося в файле. Например, расширение HTML-файла — .html, и оно указывает браузеру (и другим приложениям) интерпретировать содержимое файла как HTML-документ. После того как Visual Studio Code загрузит папку проекта, вы можете добавлять файлы. Шаги ниже описывают, как добавить файлы. Не беспокойтесь о том, чтобы сделать это на своем собственном компьютере. Мы вернемся к этому позже.

На панели проводника Visual Studio Code щелкните имя папки разработки. Вы увидите четыре значка справа от имени папки. Щелкните значок «Новый файл». Введите имя нового файла с соответствующим расширением (например, .html, .css, .csv). Крайне важно указать правильное расширение файла, чтобы такие программы, как линтеры, знали, как интерпретировать его содержимое. Когда закончите, нажмите Enter.

5. Начинайте программировать!

Скопируйте и вставьте следующий стандартный HTML-код:

Почаще сохраняйте файл с помощью функции автоматического сохранения и отслеживайте изменения с помощью системы контроля версий, если вы знаете, как ею пользоваться. (Чтобы включить автосохранение, нажмите «Файл», а затем «Автосохранение». Когда оно включено, вы увидите галочку рядом с «Автосохранение».) Это уменьшит вероятность потери несохраненной работы.

Расширения файлов и подсветка синтаксиса

Синтаксис – это набор правил, которые говорят нам, как создавать правильно написанный код.Visual Studio Code и другие текстовые редакторы могут интерпретировать расширения файлов и обеспечивать подсветку синтаксиса для конкретного языка. Подсветка синтаксиса — это инструмент, облегчающий чтение кода. Взгляните на свой файл index.html. Текст и теги разного цвета. Вот как Visual Studio Code выделяет синтаксис .html. С каждым новым языком, который вы изучаете, Visual Studio Code будет выделять текст таким образом, чтобы ваш код было легко читать. Это может отличаться от других текстовых редакторов, а также отличаться от того, как ваш код выделяется в Codecademy.

Необязательно: измените цветовую схему

Хотя Visual Studio Code поставляется с подсветкой синтаксиса по умолчанию, вы можете изменить используемые цвета. Хорошие цветовые темы сделают чтение всех этих строк кода легким для ваших глаз. (Попробуйте низкоконтрастные темные темы, такие как «Solarized Dark» или «Dracula Dark».)

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

6. Просмотрите свой HTML-файл в браузере

На этом этапе ваш файл готов для просмотра в веб-браузере. Следующие шаги следует предпринять вне Visual Studio Code:

Перейдите к файлу index.html в папке Hello World с помощью файлового менеджера или терминала.

Дважды щелкните или откройте index.html. Страница должна открыться в веб-браузере по умолчанию. Восхищайтесь своей работой на втором месте — вы создали свой первый проект с помощью Visual Studio Code.

Расширьте возможности Visual Studio Code

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

Отладка кода в редакторе: правильно, вы можете запускать и тестировать код из редактора!

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

Встроенный терминал: вы можете запускать команды командной строки из своего редактора с помощью Visual Studio Code.

IV. Подведение итогов

Поздравляем! Вы успешно настроили текстовый редактор и готовы создавать веб-сайты на своем компьютере.

Вы создали проект консольного приложения C++ и ввели свой код. Теперь вы можете собрать и запустить его в Visual Studio. Затем запустите его как отдельное приложение из командной строки.

Предпосылки

Установите и запустите Visual Studio с настольной разработкой с рабочей нагрузкой C++ на своем компьютере. Если он еще не установлен, выполните действия, описанные в разделе Установка поддержки C++ в Visual Studio.

Создайте "Hello, World!" проект и введите его исходный код. Если вы еще не выполнили этот шаг, выполните действия, описанные в разделе Создание проекта консольного приложения C++.

Если Visual Studio выглядит так, вы готовы к сборке и запуску своего приложения:

Создайте и запустите свой код в Visual Studio

Чтобы создать проект, выберите "Создать решение" в меню "Сборка". Окно вывода показывает результаты процесса сборки.

Чтобы запустить код, в строке меню выберите "Отладка", "Начать без отладки".

Откроется окно консоли, после чего запустится ваше приложение. Когда вы запускаете консольное приложение в Visual Studio, оно запускает ваш код, а затем печатает «Нажмите любую клавишу, чтобы продолжить…». чтобы дать вам возможность увидеть результат.

Поздравляем! Вы создали свой первый "Hello, world!" консольное приложение в Visual Studio! Нажмите клавишу, чтобы закрыть окно консоли и вернуться в Visual Studio.

Запустите свой код в командном окне

Обычно вы запускаете консольные приложения в командной строке, а не в Visual Studio. После создания приложения Visual Studio вы можете запустить его из любого командного окна. Вот как найти и запустить новое приложение в окне командной строки.

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

В окне проводника откройте папку Debug. Эта папка содержит ваше приложение, HelloWorld.exe и несколько других файлов отладки. Удерживая нажатой клавишу Shift, щелкните правой кнопкой мыши файл HelloWorld.exe, чтобы открыть контекстное меню. Выберите Копировать как путь, чтобы скопировать путь к вашему приложению в буфер обмена.

Чтобы открыть окно командной строки, нажмите Windows+R, чтобы открыть диалоговое окно «Выполнить». Введите команда.exe в текстовом поле «Открыть», затем нажмите «ОК», чтобы запустить окно командной строки.

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

Поздравляем, вы создали и запустили консольное приложение в Visual Studio!

Дальнейшие шаги

После создания и запуска этого простого приложения вы готовы к более сложным проектам. Дополнительные сведения см. в разделе Использование интегрированной среды разработки Visual Studio для разработки настольных систем на C++. Он содержит более подробные пошаговые руководства, в которых исследуются возможности Microsoft C++ в Visual Studio.

Руководство по устранению неполадок

Здесь вы найдете решения распространенных проблем при создании своего первого проекта C++.

Сборка и запуск кода в Visual Studio: проблемы

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

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

Если путь, указанный в проводнике, заканчивается на \HelloWorld\HelloWorld, вы открыли проект HelloWorld вместо решения HelloWorld. . Вас смутит папка Debug, в которой нет вашего приложения. Перейдите на уровень вверх в проводнике, чтобы перейти к папке решения, первой HelloWorld в пути. Эта папка также содержит папку Debug, и вы найдете там свое приложение.

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

Если вы не видите Копировать как путь в контекстном меню, закройте меню и снова откройте его, удерживая нажатой клавишу Shift. Эта команда просто для удобства. Вы также можете скопировать путь к папке из строки поиска File Explorer и вставить его в диалоговое окно «Выполнить», а затем ввести имя своего исполняемого файла в конце. Это немного больше, но результат тот же.

Один из самых популярных редакторов исходного кода, 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? Что вы думаете об интерфейсе? Дайте нам знать ваши мысли в разделе комментариев ниже.

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

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 доступен только для чтения. Если вы используете код, требующий ввода данных пользователем, например:

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

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