Add VS Code To Your Path
When you install VS Code, you’ll want to make sure you also add it to your path. The problem is the VS Code needs to be added to your path so that the terminal knows how to run the code command. Thankfully, the VS Code team has already thought of this for you and added an easy way to fix it.
Open the command palette ( CMD+Shift+P on Mac and CTRL+Shift+P on Windows) and type Shell Command . You’ll see two options, one to Install ‘code’ command in PATH and one to Uninstall ‘code’ command from PATH .
Interested in learning more about VS Code? Check out the FREE VS Code cheatsheet!
If you haven’t guessed already, choose Install ‘code’ command in PATH . You should then be able to use the code command from the command line. If, later on, you for some reason need to remove it from the path, follow the same steps but choose Uninstall ‘code’ command from PATH .
My Weekly Newsletter
A weekly newsletter filled with personal updates, recent content, and general Web Development announcements.
Настройка рабочей среды в Windows 10
Для работы над заданиями курса в Windows 10 рекомендуется использовать следующее программное окружение:
- Редактор Visual Studio Code
- Инструменты командной строки Git for Windows
- Среда разработки MinGW-w64 (Minimalist GNU for Windows), содержащая компилятор GCC (GNU Compiler Collection)
- Инструменты для сборки проектов CMake
- Система управления пакетами python Miniconda3
Рассмотрим процесс установки и настройки этих инструментов.
Установка VS Code
Установка VS Code не представляет сложностей. Достаточно скачать установочный файл со страницы загрузок и запустить его. Пока это все, что необходимо сделать. После установки остальных программ мы вернемся к настройке VS Code.
Установка и настройка Git for Windows
Скачайте установочный файл Git for Windows со страницы загрузок и запустите его. На момент написания этого текста актуальной версией является 2.28.0. В процессе установки Вам будут заданы вопросы по конфигурации. В большинстве случаев подойдут рекомендуемые варианты.
Если в системе уже установлен редактор VS Code, то его можно выбрать в качестве редактора по умолчанию для Git:
Важным моментом является настройка обработки конца строки в файлах. Чтобы с этим не возникало проблем, необходимо выбрать вариант, который уже отмечен по умолчанию:
Чтобы команды git были доступны во всех терминалах, следует выбрать рекомендуемый вариант для изменения переменной окружения PATH:
Проверьте, что установка завершилась успешно, открыв терминал и исполнив команду git . Результат должен выглядеть так:
В качестве терминала в Windows 10 мы рекомендуем использовать PowerShell.
Теперь необходимо задать имя пользователя и адрес электронной почты:
Git хранит настройки в файле
\.gitconfig . У автора этот файл выглядит следующим образом:
На этом первоначальная конфигурация инструментов git завершена. Навык работы с git приходит с практикой. Действия с git, необходимые для выполнения заданий курса, всегда будут подробно описаны. Тем не менее, мы рекомендуем обращаться к документации, чтобы прояснять непонятные моменты.
Установка MinGW-w64
Установочный файл MinGW-w64 mingw-w64-install.exe можно найти на этой странице. При установке не нужно менять настройки по умолчанию, кроме пути установки. Путь установки не должен содержать пробелов, поэтому путь по умолчанию в директории Program Files не подходит.
После завершения установки, в директории mingw32\bin будут расположены различные исполняемые файлы. Среди них нас интересует файл g++.exe , который запускает сборку программ C++. Сделаем так, чтобы этот файл был доступен в любой директории из командной строки. Если этого не сделать, то для использования команды g++ надо будет прописывать полный путь до файла g++.exe .
Откройте меню “Система” в “Панели управления”:
Из меню “Система” перейдите в “Дополнительные параметры системы”:
Выберите “Переменные среды”:
Выберите переменную Path и нажмите кнопку “Изменить…”:
Добавьте в новую строку полный путь до директории mingw32\bin и нажмите кнопку OK.
Чтобы проверить, что настройка выполнена успешно, откройте консоль (не в директории mingw32\bin ) и выполните команду g++ —help :
Ваша система теперь готова к сборке программ на языке C++.
Установка CMake
Скачайте со станицы загрузок установочный файл cmake-3.18.1-win64-x64.msi (на момент написания текста актуальная версия — 3.18.1). Для 32-разрядной системы вместо этого нужно скачать файл cmake-3.18.1-win32-x86.msi . Запустите файл и выполните установку. В ходе установки выберите изменение переменной окружения PATH:
Выполните в консоли команду cmake —help для проверки корректности установки CMake:
Код большинства заданий по C++ этого курса будет компилироваться с помощью CMake. Эта система значительно упрощает процесс сборки C++ проектов, особенно если они состоят из многих файлов.
Установка Miniconda3
Система Windows (в отличие от Linux) не имеет установленного по умолчанию интерпретатора python. Менеджер пакетов python Anaconda и его минимальная сборка Miniconda позволят нам установить в системы все необходимые инструменты для работы с python. Загрузите со страницы загрузки установочный файл Miniconda3 Windows 64-bit или Miniconda3 Windows 32-bit , в зависимости от разрядности системы. При установке отметьте галочку для добавления необходимых записей в переменную окружения PATH, несмотря на то что это действие не рекомендуется установщиком:
Убедитесь в том, что установка выполнена успешно, выполнив в консоли следующую команду:
Выполните инициализацию (необходимо выполнить один раз):
Создайте окружение для работы с заданиями этого курса:
Conda вычислит набор пакетов, которые необходимо установить в новом окружении, и попросит подтвердить создание окружения:
После установки активируйте новое окружение и запустите консоль python:
Ваша система теперь готова для работы с заданиями курса “Программирование на C++ и python”. Нам осталось настроить редактор VS Code для максимально удобной работы.
Настройка VS Code
Установите следующие расширения VS Code:
Выбор интерпретатора python
При начале работы с кодом python (при открытии файла с расширением .py ) VS Code предложит выбрать интерпретатор python, который будет использоваться для подсветки кода, проверки синтаксиса и вывода подсказок:
Можете, например, выбрать интерпретатор из недавно созданного окружения nsu.
Создадим файл test.py , содержащий одну строку:
Исполнить этот скрипт можно, открыв консоль в VS Code с помощью сочетания клавиш Ctrl+J и набрав в ней
В правом верхнем углу окна находится кнопка с зеленым треугольником ▷, нажатие на которую приводит к тому же результату:
Настройка работы с GCC
Создайте файл test.cpp , содержащий следующий код:
Скомпилируем его с помощью компилятора GCC и командной строки. Откройте консоль в VS Code ( Ctrl+J ) и исполните команду
Компилятор создал исполняемый файл a.exe . Запустите его:
Работает. Настроим теперь VS Code для автоматизации этого действия. Выберите в меню пункт Terminal -> Configure Default Build Task. :
Выберите из выпавшего списка пункт g++.exe . В результате будет сгенерирован файл .vscode/tasks.json подобный такому:
Теперь при нажатии клавиш Ctrl+Shift+B или выборе пункта меню Terminal -> Run Build Task будет выполняться компиляция открытого файла. Для файла test.cpp будет создан исполняемый файл test.exe .
Работа с CMake
Откройте новую рабочую директорию VS Code, создайте в ней файл main.cpp , содержащий следующий код:
и файл CMakeLists.txt со следующим содержанием:
Эти два файла составляют минимальный CMake-проект. Выполним сначала сборку CMake-проекта через консоль: создайте в рабочей директории поддиректорию build , в которой будет осуществляться сборка, и перейдите в неё:
Выполните настройку проекта и запустите сборку:
В первой команде мы указали, что сборка будет осуществляться с помощью MinGW и что файлы проекта расположены в родительской директории (путь .. ). Вторая команда осуществляет сборку в текущей директории (путь . ). В директории build должен появиться исполняемый файл test.exe .
Расширение VS Code для работы с CMake позволяет автоматизировать сборку проекта. Выберите рабочую директорию VS Code (комбинация клавиш Ctrl+K+O ), содержащую файлы main.cpp и CMakeLists.txt . Наберите комбинацию клавиш Ctrl+Shift+P и в строке сверху наберите команду >CMake: Configure . Это запустит настройку инструментов CMake. После завершения настройки в нижней части окна появятся инструменты управления сборкой:
Кнопку “Сборка” запускает сборку, а кнопка ▷ — исполняемый файл.
Если автоматическая настройка CMake привела к ошибке, то, вероятно, инициализация CMake выполнилась без параметра -G «MinGW Makefiles» . В этом случае выполните эту команду в консоли, как показано выше. Достаточно выполнить это действие один раз, после чего конфигурация этого и других проектов будет выполняться верно.
Работа с git
Покажем как можно работать с git-репозиторием через VS Code. Выполните fork репозитория задания Hello, Classroom на GitHub:
Это действие создает новый репозиторий в Вашем аккаунте. Разрешите автоматическое тестирование решения, нажав на большую зеленую кнопку во вкладке Actions:
Новый репозиторий необходимо клонировать на Вашу локальную систему. Удобнее всего это делать с помощью протокола ssh. Для этого сначала необходимо включить OpenSSH Client, который по умолчанию выключен.
Взаимодействие с GitHub репозиторием будет происходить по протоколу ssh с помощью техники шифрования с открытым ключом. Создать пару из приватного и публичного ключа можно в консоли:
По умолчанию сгенерированные ключи будут расположены в директории
\.ssh . Файл с публичным ключом называется id-rsa.pub . Публичный ключ нужно добавить на GitHub. Для этого откройте раздел SSH and GPG keys в меню Settings и нажмите на кнопку New SSH key :
Заполните открывшуюся форму. В поле Key нужно скопировать содержимое файла id-rsa.pub . Проследите, чтобы при копировании не появились лишние переносы строк. Весь ключ должен быть расположен в одной строке.
Теперь мы готовы к клонированию репозитория. Выберите на компьютере директорию, в которой Вы будете работать с заданиями курса и перейдите в неё. Откройте страницу репозитория hello-classroom в Вашем аккаунте GitHub и скопируйте строку для клонирования через ssh:
Выполните в консоли команду git clone :
Строка git@github.com:fakestud/hello-classroom.git есть скопированная выше строка. Репозиторий был клонирован в директорию hello-classroom . Выберите её в качестве рабочей директории VS Code. Прочитайте файл README.md , содержащий инструкции по решению задания. После решения задания выполните локальную проверку:
Тесты пройдены успешны. Значит, мы готовы к синхронизации репозитория GitHub с нашей локальной версией. В командной строке для этого достаточно выполнить следующие команды:
Редактор VS Code позволяет выполнить эти действия через графический интерфейс. VS Code отслеживает изменения локальной версии репозитория. Откройте вкладку контроля версий слева и посмотрите на список изменившихся файлов. В нашем случае это должен быть только файл main.cpp . Выполните команду git add , нажав на кнопку +:
Затем команду git commit , нажав на кнопку ✓ и введя комментарий в текстовом поле:
vscode учебник
Начало работы с vscode
В этом разделе представлен обзор того, что такое vscode, и почему разработчик может захотеть его использовать.
Please enable JavaScript
Следует также упомянуть любые крупные темы в vscode и ссылки на связанные темы. Поскольку Documentation for vscode является новым, вам может потребоваться создать начальные версии этих связанных тем.
Версии
| Версия | Дата выхода |
|---|---|
| 0.10.1-extensionbuilders | 2015-11-13 |
| 0.10.1 | 2015-11-17 |
| 0.10.2 | 2015-11-24 |
| 0.10.3 | 2015-11-26 |
| 0.10.5 | 2015-12-17 |
| 0.10.6 | 2015-12-19 |
| 0.10.7-инсайдеры | 2016-01-29 |
| 0.10.8 | 2016-02-05 |
| 0.10.8-инсайдеры | 2016-02-08 |
| 0.10.9 | 2016-02-17 |
| 0.10.10-инсайдеры | 2016-02-26 |
| 0.10.10 | 2016-03-11 |
| 0.10.11 | 2016-03-11 |
| 0.10.11-инсайдеры | 2016-03-11 |
| 0.10.12-инсайдеры | 2016-03-20 |
| 0.10.13-инсайдеры | 2016-03-29 |
| 0.10.14-инсайдеры | 2016-04-04 |
| 0.10.15-инсайдеры | 2016-04-11 |
| 1.0.0 | 2016-04-14 |
| 1.1.0-инсайдер | 2016-05-02 |
| 1.1.0 | 2016-05-09 |
| 1.1.1 | 2016-05-16 |
| 1.2.0 | 2016-06-01 |
| 1.2.1 | 2016-06-14 |
| 1.3.0 | 2016-07-07 |
| 1.3.1 | 2016-07-12 |
| 1.4.0 | 2016-08-03 |
| перевод / 20160817,01 | 2016-08-17 |
| перевод / 20160826,01 | 2016-08-26 |
| перевод / 20160902,01 | 2016-09-02 |
| 1.5.0 | 2016-09-08 |
| 1.5.1 | 2016-09-08 |
| 1.5.2 | 2016-09-14 |
| 1.6.0 | 2016-10-10 |
| 1.6.1 | 2016-10-13 |
| перевод / 20161014,01 | 2016-10-14 |
| перевод / 20161028,01 | 2016-10-28 |
| 1.7.0 | 2016-11-01 |
| 1.7.1 | 2016-11-03 |
| перевод / 20161111,01 | 2016-11-12 |
| перевод / 20161118,01 | 2016-11-19 |
| 1.7.2 | 2016-11-22 |
| перевод / 20161125,01 | 2016-11-26 |
| перевод / 20161209,01 | 2016-12-09 |
| 1.8.0 | 2016-12-14 |
| 1.8.1 | 2016-12-20 |
| перевод / 20170123,01 | 2017-01-23 |
| перевод / 20172701,01 | 2017-01-27 |
| 1.9.0 | 2017-02-02 |
| перевод / 20170127,01 | 2017-02-03 |
| перевод / 20170203,01 | 2017-02-03 |
| 1.9.1 | 2017-02-09 |
| перевод / 20170217,01 | 2017-02-18 |
| перевод / 20170227,01 | 2017-02-27 |
| 1.10.0 | 2017-03-01 |
| 1.10.1 | 2017-03-02 |
| 1.10.2 | 2017-03-08 |
| перевод / 20170311,01 | 2017-03-11 |
| перевод / 20170317,01 | 2017-03-18 |
| перевод / 20170324,01 | 2017-03-25 |
| перевод / 20170331,01 | 2017-03-31 |
| 1.11.0 | 2017-04-06 |
| 1.11.1 | 2017-04-06 |
| перевод / 20170407,01 | 2017-04-07 |
| 1.11.2 | 2017-04-13 |
Установка или настройка
В Windows
- Загрузите установщик кода Visual Studio для Windows.
- После его загрузки запустите установщик (VSCodeSetup-version.exe). Это займет всего минуту.
По умолчанию код VS устанавливается в папке C: \ Program Files (x86) \ Microsoft VS Code для 64-разрядной машины.
Примечание. Для VS-кода требуется .NET Framework 4.5.2. Если вы используете Windows 7, убедитесь, что установлена .NET Framework 4.5.2.
Совет. Программа установки дополнительно добавит код Visual Studio к вашему% PATH%, поэтому из консоли вы можете ввести «код». чтобы открыть код VS в этой папке. Вам понадобится перезапустить консоль после установки для изменения переменной окружения% PATH%, чтобы она вступила в силу.
На Mac
- Загрузите код Visual Studio для Mac.
- Дважды щелкните загруженный архив, чтобы развернуть содержимое.
- Перетащите Visual Studio Code.app в папку «Приложения», сделав ее доступной в Launchpad.
- Добавьте код VS в свою док-станцию, щелкнув правой кнопкой мыши по значку и выбрав «Параметры», «Хранить в доке».
Вы также можете запустить VS-код из терминала, набрав «код» после добавления его в путь:
- Запустите VS Code.
- Откройте командную палитру (Ctrl + Shift + P) и введите команду «shell», чтобы найти команду Shell: установите команду «code» в команде PATH.
Перезагрузите терминал, чтобы новое значение $ PATH вступило в силу. Вы сможете ввести «код». в любой папке, чтобы начать редактирование файлов в этой папке.
Примечание. Если у вас все еще есть старый псевдоним кода в вашем .bash_profile (или его эквиваленте) из ранней версии VS-кода, удалите его и замените, выполнив команду Shell: Install 'code' в команде PATH.
В Linux
Распределения на основе Debian и Ubuntu
Самый простой способ установить для дистрибутивов Debian / Ubuntu — загрузить и установить пакет .deb (64-разрядный) либо через графический программный центр, если он доступен, либо через командную строку:
Установка пакета .deb автоматически установит apt-репозиторий и ключ подписи, чтобы включить автоматическое обновление с использованием обычного системного механизма. Обратите внимание, что 32-битные и .tar.gz двоичные файлы также доступны на странице загрузки.
Репозиторий и ключ также могут быть установлены вручную со следующим скриптом:
Затем обновите кеш пакетов и установите пакет, используя:
Распределенные дистрибутивы RHEL, Fedora и CentOS
В настоящее время мы отправляем стабильный 64-битный код VS в репозитории yum, следующий скрипт будет устанавливать ключ и репозиторий:
Затем обновите кеш пакетов и установите пакет с помощью dnf (Fedora 22 и выше):
Или в старых версиях с помощью yum:
Распределения openSUSE и SLE
Репозиторий yum выше также работает для систем openSUSE и SLE, следующий скрипт будет устанавливать ключ и репозиторий:
Затем обновите кеш пакетов и установите пакет, используя:
Пакет AUR для Arch Linux
Для VS-кода существует сообщество, поддерживающее сообщество Arch User Repository (AUR) .
Установка пакета .rpm вручную. .Rpm-пакет (64-разрядный) также можно загрузить и установить вручную, однако автоматическое обновление не будет работать, если установленный выше репозиторий не установлен. После загрузки его можно установить с помощью диспетчера пакетов, например, с помощью dnf:
Обратите внимание, что 32-битные и .tar.gz двоичные файлы также доступны на странице загрузки .
Первые шаги (C ++): HelloWorld.cpp
Первая программа, которая обычно записывается на любом языке, является сценарием «hello world». В этом примере показано, как написать эту программу и отладить ее с помощью кода Visual Studio (теперь я буду ссылаться на код Visual Studio как код VS).
Создать проект
Шаг 1 — создать новый проект. Это можно сделать несколькими способами. Первый способ — прямо из пользовательского интерфейса.
- Откройте программу VS Code. Вас встретит стандартный экран приветствия (обратите внимание, что изображения выполняются во время работы на Mac, но они должны быть похожими на вашу установку):
В меню « Пуск» выберите « Новый файл» . Это откроет новое окно редактирования, в котором мы сможем начать строить наш скрипт. Продолжайте и сохраните этот файл (вы можете использовать меню File > Save для этого). В этом примере мы будем вызывать файл HelloWorld.cpp и поместить его в новый каталог, который мы будем называть VSC_HelloWorld / .
Напишите программу. Это должно быть достаточно простым, но не стесняйтесь скопировать в файл следующее:
Запустить код
Затем мы хотим запустить скрипт и проверить его вывод. Существует несколько способов сделать это. Самое простое — открыть терминал и перейти к созданной нами директории. Теперь вы можете скомпилировать скрипт и запустить его с помощью gcc, набрав:
Да, программа работала! Но это не совсем то, что мы хотим. Было бы намного лучше, если бы мы могли запускать программу из самого VSCode. Хотя нам повезло! VSCode имеет встроенный терминал, доступ к которому можно получить через меню « Вид »> « Интегрированный терминал ». Это откроет терминал в нижней половине окна, из которого вы сможете перейти в каталог VSC_HelloWorld и выполнить указанные выше команды.
Обычно мы делаем это, выполняя Запуск запуска . В меню выберите « Задачи »> « Запустить задачу . ». Вы заметите, что вы получаете небольшое всплывающее окно в верхней части окна с сообщением об ошибке (что-то вроде строк
Первая программа (C ++): Hello World.cpp
В этом примере вы познакомитесь с базовыми функциональными возможностями VS Code, продемонстрировав, как написать программу «hello world» на C ++. Прежде чем продолжить, убедитесь, что у вас установлено расширение ms-vscode.cpptools .
Инициализировать проект
Первый шаг — создать новый проект. Для этого загрузите программу VS Code. Вам следует приветствовать типичный экран приветствия: 
Чтобы создать первую программу, выберите « Пуск »> « Новый файл » на экране приветствия. Это откроет новое окно файла. Идем дальше и сохраняем файл (« Файл »> « Сохранить ») в новый каталог. Вы можете назвать каталог чем угодно, но этот пример вызовет каталог « VSC_HelloWorld » и файл « HelloWorld.cpp ».
Теперь напишите фактическую программу (не стесняйтесь скопировать текст ниже):
Большой! Вы также заметите, что, поскольку вы установили расширение ms-vscode.cpptools, у вас также есть яркое выделение кода. Теперь перейдем к запуску кода.
Запуск сценария (основной)
Мы можем запустить « HelloWorld.cpp » из самого кода VS. Самый простой способ запустить такую программу — открыть интегрированный терминал (« Вид »> « Интегрированный терминал »). Это открывает окно терминала в нижней части представления. Изнутри этого терминала мы можем перейти к нашему созданному каталогу, построить и выполнить написанный сценарий. 
Здесь мы использовали следующие команды для компиляции и запуска кода:
Обратите внимание, что мы получаем ожидаемый Hello World! выход.
Запуск скрипта (немного более продвинутый)
Отлично, но мы можем использовать VS Code непосредственно для создания и выполнения кода. Для этого сначала нужно превратить каталог « VSC_HelloWorld » в рабочую область. Это можно сделать:
- Открытие меню проводника (верхний элемент в вертикальном меню слева)
- Выберите кнопку « Открыть папку»
- Выберите каталог « VSC_HelloWorld », в котором мы работали.
Примечание. Если вы открываете каталог в VS-коде (например, с помощью « Файл »> « Открыть . »), вы уже будете в рабочем пространстве.
В меню « Проводник» теперь отображается содержимое каталога.
Затем мы хотим определить фактические задачи, которые мы хотим запустить VS Code. Для этого выберите « Задачи »> « Настроить задачу сборки по умолчанию ». В раскрывающемся меню выберите « Другое ». Это открывает новый файл под названием « tasks.json », который содержит некоторые значения по умолчанию для задачи. Нам нужно изменить эти значения. Обновите этот файл, чтобы сохранить следующее:
Обратите внимание, что приведенное выше также создает скрытый каталог .vscode в нашем рабочем каталоге. Здесь VS Code помещает файлы конфигурации, включая любые файлы настроек проекта. Вы можете узнать больше о задачах здесь .
В приведенном выше примере $
Возможно, терминал может закрыться, прежде чем вы сможете просмотреть выход. Если это произойдет, вы можете вставить строку кода, такую как int i; std::cin >> i; непосредственно перед оператором return в конце функции main() . Затем вы можете завершить сценарий, введя номер и нажав <Enter> .
И это все! Теперь вы можете начать писать и запускать сценарии на C ++ из кода VS.
Add Visual Studio Code into PATH permanently. (MacOS — linux )
One of the most essential to use visual studio code is from the terminal and just type “code .” inside of you directory that want to open by VS Code. there is a common way to do this is by adding the code into your PATH throw the application and follow these instruction:
- Open Visual Studio Code
- Press Cmd+Shift+p to pop open the command palette on a Mac, and Command+Shift+p on Windows.
- Search “code” to find “Shell Command: Install ‘code’ command in path”
This will work but not permanent and if you close the terminal this will not work any more.
1- To achieve that First determine which shell you are using:
Type “echo $SHELL” in your terminal.
- If you’re using Bash, edit $HOME/.bash_profile or $HOME/.bashrc .
- If you’re using Z shell, edit $HOME/.zshrc .
2- To do that use nano and type:
/.zshrc” for Z shell
“nano
And add this line into it.
In this example my visual studio code is inside the Applications folder So if your code directory is different change that.