vscode учебник
Начало работы с vscode
В этом разделе представлен обзор того, что такое vscode, и почему разработчик может захотеть его использовать.
Следует также упомянуть любые крупные темы в 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.
Что такое path в visual studio code
(добавлена в версии 1.15). Нажмите Cmd + Shift + P (или Ctrl + Shift + P ) и найдите «Настройки: Открыть настройки (JSON)». Затем добавьте следующую запись в файл настроек:
/.bash_profile имеет следующую строку:
В моем случае (Linux Mint 19.3 Cinnamon, код VS, установленный с помощью оснастки) уловка заключалась в том, чтобы поместить мой добавленный PATH в
Итак, чтобы решить эту проблему, я удаляю версию по умолчанию из программного обеспечения Ubuntu и устанавливаю вручную, используя следующие инструкции:
Лучше всего получить код для загрузки существующего
// Linux «terminal.integrated.shellArgs.linux»: [«-l»]
// OS X «terminal.integrated.shellArgs.osx»: [«-l»]
Хотя, похоже, этот параметр используется по умолчанию в моей текущей настройке VS Code (OS X). Интегрированный терминал запускает мой
Код Visual Studio является проблемой.
Независимо от того, как вы устанавливаете переменную PATH в оболочке, существуют случаи, когда код Visual Studio не будет наследовать ваш параметр PATH. Если для запуска кода Visual Studio вы используете средство запуска приложений, такое как LaunchBar, ваша переменная PATH не будет унаследована.
Вот общесистемное исправление:
В каталоге /etc/paths.d создайте файл с вашим именем пользователя Unix. В этом файле укажите дополнительные пути, необходимые для работы кода Visual Studio. В моем случае это содержимое моего файла /etc/paths.d:
/usr/ucb /opt/local/bin /opt/local/sbin
Примечание. Ваш файл /etc/paths.d будет обрабатываться в масштабе всей системы. Поскольку большинство систем однопользовательские, это не должно быть проблемой для большинства разработчиков.
Добавьте следующее в ваш
Или при необходимости запустите скрипт Bash, например:
/.bash_profile (on a Mac), like so:
(I want to set it globally, not per project or per task, since I’m maintaining a lot of small packages.)
10 Answers 10
variable (added in version 1.15). Press Cmd + Shift + P (or Ctrl + Shift + P ) and search for «Preferences: Open Settings (JSON)». Then add the following entry to the settings file:
/.bash_profile has the following line:
In VS Code, press ⇧⌘P and type install ‘code’ command if you haven’t done so before.
I am using vscode on macos for C/C++ development in conjunction with CMake.
Then you can extend your system PATH with custom paths by adding the following snippet to your user or project settings.json :
Visual Studio Code is the problem.
No matter how you set your PATH variable in the shell, there are cases where Visual Studio Code will not inherit your PATH setting. If you’re using an application launcher like LaunchBar to start Visual Studio Code, your PATH variable will not be inherited.
Here is a system-wide fix:
In the /etc/paths.d directory, create a file with your Unix username. In that file, place the additional paths that Visual Studio Code needs to work. In my case, this is the contents of my /etc/paths.d file:
/usr/ucb /opt/local/bin /opt/local/sbin
Note: Your /etc/paths.d file will be processed system-wide. Since most systems are single-user, this shouldn’t be a problem for most developers.
Since this is the top Google search result for variants of «VS Code path», I will add my answer here.
I’m running Linux and my problem was that VS Code couldn’t find some executable needed to build my project. I was running VS Code from the quick launcher (ALT+F2), and not from a Terminal. I tried modifying the PATH variable in many different places, but I couldn’t seem to get it right.
In the end, placing the right PATH inside of
add to the JSON file:
In order to check if it works execute in your VS Code Terminal:
What did the trick in my case (Linux Mint 19.3 Cinnamon, VS code installed via snap) was to put my appended PATH in
So, to solve it I uninstall the default version from ubuntu software and install manually using the following instructions:
This was even easier to fix than the above answers suggested.
I updated my Terminal > Integrated > Default Profile: Windows.
It was set to null by default. As soon as I changed it to PowerShell and restarted the terminal, it picked up my system’s path variables!
Getting Code to load your existing
/.bash_profile would be best. I think the docs here are the relevant reference: https://code.visualstudio.com/docs/editor/integrated-terminal#_linux-os-x
// Linux «terminal.integrated.shellArgs.linux»: [«-l»]
// OS X «terminal.integrated.shellArgs.osx»: [«-l»]
Although, it looks like that setting is the default on my current VS Code (OS X) setup. Integrated terminal is running my
Setting up Visual Studio Code
Getting up and running with VS Code is quick and easy. Follow the platform specific guides below.
VS Code is lightweight and should run on most available hardware and platform versions. You can review the System Requirements to check if your computer configuration is supported.
Note: VS Code is an editor first and foremost and prides itself on a small footprint. Unlike traditional IDEs with everything but the kitchen sink, you can tune your installation to the development technologies you care about. Be sure to read the Additional Components section after the platform guides to learn about customizing your VS Code installation.
Mac OS X
After installation, launch VS Code. Now open the Command Palette ( kb(workbench.action.showCommands) ) and type shell command to find the Shell Command: Install ‘code’ command in PATH command.
Linux
Windows
Note: You can download the zip archive here.
Tip: You might need to log off after the installation for the change to the %PATH% environmental variable to take effect.
Additional Components
VS Code is a small download by design and only includes the minimum number of components shared across most development workflows. Basic functionality like the editor, file management, window management, and preference settings are included. A JavaScript/TypeScript language service and Node.js debugger are also part of the base install.
If you are used to working with larger, monolithic development tools (IDEs), you may be surprised that your scenarios aren’t completely supported out of the box. For example, there isn’t a File > New Project dialog with pre-installed project templates. Most VS Code users will need to install additional components depending on their specific needs.
Here are a few commonly installed components:
You’ll find the components above mentioned often in our documentation and walk-throughs.
VS Code Extensions
VS Code extensions let third parties add support for additional:
Extensions integrate into VS Code’s UI, commands, and task running systems so you’ll find it easy to work with different technologies through VS Code’s shared interface. Check out the VS Code extension Marketplace to see what’s available.
Additional Tools
Visual Studio Code integrates with existing tool chains. We think the following tools will enhance your development experiences.
Next Steps
Now you have installed and set up VS Code.
For more documentation, try:
If you’d like to getting something running quickly, try the Node.js runtime walkthrough which will have you debugging a Node.js web application with VS Code in minutes.
Common Questions
Q: What are the system requirements for VS Code?
A: We have a list of System Requirements.
Q: How do I create and run a new project?
A: VS Code doesn’t include a traditional File > New Project dialog or pre-installed project templates. You’ll need to add additional components and scaffolders depending on your development interests. With scaffolding tools like Yeoman and the multitude of modules available through the NPM package manager, you’re sure to find appropriate templates and tools to create your projects.
Место установки Visual Studio Code
Я установил Visual Studio Code несколько дней назад и теперь не могу найти исполняемый файл на своем компьютере. Где это находится?
Я проверил «Программы и компоненты». Я также проверил свой PATH. Почему-то его нет ни в одном.
9 ответов
Обновление 10.11.2018
Если вы выполните полную переустановку, включая удаление предыдущих версий кода, установленных на вашем компьютере, новая версия будет установлена по адресу
Обновление от 06.07.2018
Начиная с версии 1.25 VS Code поддерживает переносимый режим. Инструкции по использованию задокументированы здесь.
Вам понадобится версия для загрузки ZIP-файла, а не установщик. Распаковав содержимое архива, создайте папку с данными внутри папки, в которой находится code.exe. Все настройки теперь будут сохранены там, и их можно будет взять с собой.
В macOS папка должна называться code-portable-data и быть дочерней по отношению к самому приложению. Не внутри приложения.
Обновить
Если вы используете версию x64, путь следующий:
На данный момент ( Version 1.19.2 ) код Vs больше не находится в папке AppData, а находится в
Если вы предпочитаете строки пути, не зависящие от имени пользователя:
папка: %HOMEPATH%\AppData\Local\Programs\Microsoft VS Code\
исполняемый файл: %HOMEPATH%\AppData\Local\Programs\Microsoft VS Code\bin\code
Если вы также хотите использовать эти строки пути внутри кода C # / C ++:
папка: «\»%HOMEPATH%\\AppData\\Local\\Programs\\Microsoft VS Code\\\»»
исполняемый файл: «\»%HOMEPATH%\\AppData\\Local\\Programs\\Microsoft VS Code\\bin\\code\»»
Если по какой-то причине ни один из других ответов не работает, попробуйте следующее:
Зайдите в настройки vscode
Найдите любой параметр, в котором есть «Изменить в settings.json» (например, «Настройки цвета»).
Нажмите ctrl + shift + s
Перейти на одну папку вверх
Скопируйте + вставьте расположение файла (вверху для Windows) в другой проводник
Наиболее интуитивно понятным и легко запоминающимся мне кажется следующий способ:
Для меня это напрямую связано с:
C: \ Users \ \ AppData \ Roaming \ Microsoft \ Windows \ Start Menu \ Programs \ Visual Studio Code
«C: \ Users \ \ AppData \ Local \ Programs \ Microsoft VS Code»
Я использовал новый установщик VSCode User Setup в Windows 10 и обнаружил исполняемый файл здесь:
C: \ Program Files \ Microsoft VS Code \
Если вы выбрали другой каталог при установке, вы можете получить его:
1. Перейдите к местоположению значка
2. Щелкните правой кнопкой мыши открыть свойства
3. Проверить цель
Для VSCode доступны два типа установщика. Перейдите по ссылке, чтобы найти нужный тип установщика.
Лучшие расширения для редактора VSCode
Сделайте максимально комфортной свою работу в редакторе Visual Studio Code при помощи дополнительных расширений. Подборка лучших расширений для VSCode.
Основной редактор которым я пользуюсь для написания кода стал Visual Studio Code (сокращённо VSCode). До этого я работал в редакторе Sublime Text, который полностью удалил через две недели после того как начал юзать VSCode, просто потому что VSCode гораздо круче и быстрее.
В этой статье я хочу рассказать вам о лучших расширениях для редактора VSCode, которыми сам пользуюсь и советую обратить на них ваше внимание.
По умолчанию в VSCode уже установлен плагин Emmet, а вот какие расширения стоит установить, чтобы сделать вашу работу быстрее и комфортнее, читайте дальше.
Расширения для Visual Studio Code
Расширение Project Manager поможет вам легко получать доступ к вашим проектам, независимо от того где они находятся. Вы можете определить свои собственные избранные проекты или выбрать для автоматического обнаружения проектов VSCode, Git, Mercurial и SVN-репозиториев или любой папки.
В общем, любую папку на компьютере вы можете сделать проектом и при помощи этого расширения сможете быстро переключаться между вашими проектами или открывать их в новом редакторе.
Расширение позволяет вам делать закладки на строки файла, о чём сигнализирует метка на полях.
Закладки имеют собственную панель проводника и иконку на левой панели меню, что обеспечивает быстрый доступ к закладкам. Их можно добавлять неограниченное количество.
open in browser
Расширение Open in Browser добавляет возможность быстро открывать в браузере файлы html.
С этим расширением не нужно долго возиться чтобы открыть файл в браузере.
Path Intellisense
Аналогичное расширение Path Autocomplete.
Path Autocomplete
Выполняет тот же функционал что и Path Intellisense, добавляя путь и имена файлов.
В настоящее время у меня отключен Path Intellisense, а включен Path Autocomplete. Я тестирую какое из этих двух расширений быстрее реагирует и даёт подсказки в интелесенс. Пока мне больше нравится Path Autocomplete, впечатление что он быстрее.
file-size
Это расширение показывает в статус баре редактора размер активного файла.
Я искал настройку в параметрах VSCode, чтобы отображать размер файла, но не нашёл. Зато данная небольшая утилита решает эту проблему и выводит в статус-баре редактора информацию о размере файла.
htmltagwrap
Это расширение делает обёртку выделенного фрагмента тэгами HTML.
Если привыкнуть и запомнить команду, то очень круто.
Active File In Status Bar
Bracket Pair Colorizer
Данный плагин позволяет задать цвет для каждой пары скобок, что позволяет визуально контролировать вложенность или правила условий в коде. Работает для круглых (), фигурных <> и квадратных скобок [].
До установки этого плагина у меня были проблемы с закрытием скобок, теперь я по цвету вижу вложенность скобок.
Иконки файлов и папок
VSCode simpler Icons with Angular
Выбираете пункт Тема значков файлов и в командной строке редактора появятся установленные у вас темы значков файлов. Три темы дефолтных от VSCode и то что вы добавите. В списке просто стрелками вверх-вниз листайте темы и иконки тут же будут применяться и отображается в проводнике на файлах. Так быстро подберёте ту тему которая вам нравится.
Повторюсь, что мне понравилась тема VSCode simpler Icons with Angular
Live Server
Запускает локальный сервер разработки с функцией активной перезагрузки для статических и динамических страниц.
Лично я предпочитаю работать с Browsersync через Gulp, который шустрее, функциональней и создаёт меньше нагрузок, но так как не всегда и не в каждый проект устанавливается Gulp, то находится работа и для расширения Live Server.
Профилированные расширения для VSCode
А теперь предложу список расширений для VSCode для специфических направлений.
Работа с Git и Github
Помимо того что VSCode по умолчанию работает с гитом, на Marketplace есть очень много расширений на самый любой вкус для работы с Git и Github. Я меня стоят такие:
Git History, GitLens, Git Merger, GitHub Pull Requests
RemoteFS
Это расширение позволяет подключаться к серверу по FTP и SFTP протоколам.
Это расширения достаточно молодое (опубликовано в мае 2018 г) и я ожидаю, что оно будет развиваться и обрастать полезным функционалом.
Для командной разработки
В редакторе VSCode можно вести совместную разработку. Для этого есть расширение VS Live Share
Можно расширить функционал совместной разработки и дополнительно накатить звуковой чат и Slack. Для этого Microsoft специально сделал сборку VS Live Share Extension Pack, который установит VS Live Share и все необходимые пакеты
cdnjs
Это расширение осуществляет поиск и подключение javascript-библиотек на сайте cdnjs.com из командной строки редактора VSCode.
vscode-pdf
Просмотр файлов PDF в редакторе VSCode
Это далеко не все расширения которые которыми я пользуюсь и хотел бы порекомендовать. При появлении времени я обязательно буду дополнять данный список расширений для Visual Studio Code. Если вы тоже знаете какие крутые расширения для VSCode, поделитесь пожалуйста в комментариях. Желательно по возможности и ссылку на него. Всё таки поиск достойных расширений отнимает много времени и можно легко пропустить что то интересное.
Как добавить путь в переменную среды PATH в Windows
Для быстрого доступа к командам в командной строке без необходимости ввода полного пути к исполняемому файлу можно добавить путь к папке с этими исполняемыми файлами в переменную PATH в Windows, особенно это может быть полезным при работе с adb, pip и python, git, java и другими средствами разработки с отладки.
В этой пошаговой инструкции о том, как добавить нужный путь в системную переменную PATH в Windows 11, Windows 10 или другой версии системы: во всех актуальных версиях ОС действия будут одинаковыми, а сделать это можно как в графическом интерфейсе, так и в командной строке или PowerShell. Отдельная инструкция про переменные среды в целом: Переменные среды Windows 11 и Windows 10.
Добавление пути в PATH в Свойствах системы
Для возможности запуска команд простым обращением к исполняемому файлу без указания пути, чтобы это не вызывало ошибок вида «Не является внутренней или внешней командой, исполняемой программой или пакетным файлом», необходимо добавить путь к этому файлу в переменную среды PATH.
Шаги будут следующими:
- Нажмите клавиши Win+R на клавиатуре (в Windows 11 и Windows 10 можно нажать правой кнопкой мыши по кнопке Пуск и выбрать пункт «Выполнить»), введите sysdm.cpl в окно «Выполнить» и нажмите Enter.
- Перейдите на вкладку «Дополнительно» и нажмите кнопку «Переменные среды».
- Вы увидите список переменных среды пользователя (вверху) и системных переменных (внизу). PATH присутствует в обоих расположениях.
- Если вы хотите добавить свой путь в PATH только для текущего пользователя, выберите «Path» в верхней части и нажмите «Изменить» (или дважды нажмите по переменной PATH в списке). Если для всех пользователей — то же самое в нижней части.
- Для добавления нового пути нажмите «Создать», а затем впишите новый путь, который требуется добавить в переменную PATH в новой строке. Вместо нажатия «Создать» можно дважды кликнуть по новой строке для ввода нового пути.
- После ввода всех необходимых путей нажмите «Ок» — ваша папка или папки добавлены в переменную PATH.
Внимание: после добавления пути в переменную PATH потребуется перезапустить командную строку (если она была запущена в момент изменения), чтобы использовать команды без указания полного пути.
Как добавить путь в переменную PATH в командной строке и PowerShell
Вы можете добавить переменную PATH для текущей сессии в консоли: то есть она будет работать до следующего запуска командной строки. Для этого используйте команду:
Есть возможность добавить путь в PATH с помощью командной строки и на постоянной основе (внимание: есть отзывы, что может повредить записи в переменной PATH, а сами изменения производятся для системной переменной PATH), команда будет следующей:
Набор команд для добавления пути в переменную PATH пользователя с помощью PowerShell:
Если требуется добавить путь в системную переменную PATH для всех пользователей, последнюю команду изменяем на:
Что такое добавить в path visual studio code
(добавлена в версии 1.15). Нажмите Cmd + Shift + P (или Ctrl + Shift + P ) и найдите «Настройки: Открыть настройки (JSON)». Затем добавьте следующую запись в файл настроек:
/.bash_profile имеет следующую строку:
В моем случае (Linux Mint 19.3 Cinnamon, код VS, установленный с помощью оснастки) уловка заключалась в том, чтобы поместить мой добавленный PATH в
Итак, чтобы решить эту проблему, я удаляю версию по умолчанию из программного обеспечения Ubuntu и устанавливаю вручную, используя следующие инструкции:
Лучше всего получить код для загрузки существующего
// Linux «terminal.integrated.shellArgs.linux»: [«-l»]
// OS X «terminal.integrated.shellArgs.osx»: [«-l»]
Хотя, похоже, этот параметр используется по умолчанию в моей текущей настройке VS Code (OS X). Интегрированный терминал запускает мой
Код Visual Studio является проблемой.
Независимо от того, как вы устанавливаете переменную PATH в оболочке, существуют случаи, когда код Visual Studio не будет наследовать ваш параметр PATH. Если для запуска кода Visual Studio вы используете средство запуска приложений, такое как LaunchBar, ваша переменная PATH не будет унаследована.
Вот общесистемное исправление:
В каталоге /etc/paths.d создайте файл с вашим именем пользователя Unix. В этом файле укажите дополнительные пути, необходимые для работы кода Visual Studio. В моем случае это содержимое моего файла /etc/paths.d:
/usr/ucb /opt/local/bin /opt/local/sbin
Примечание. Ваш файл /etc/paths.d будет обрабатываться в масштабе всей системы. Поскольку большинство систем однопользовательские, это не должно быть проблемой для большинства разработчиков.
Добавьте следующее в ваш
Или при необходимости запустите скрипт Bash, например:
Что значит добавить в path при установке visual studio code
Visual Studio Code on Windows
Alternatively, you can also download a Zip archive, extract it and run Code from there.
User setup versus system setup
VS Code provides both Windows user and system level setups. Installing the user setup does not require Administrator privileges as the location will be under your user Local AppData (LOCALAPPDATA) folder. User setup also provides a smoother background update experience.
The system setup requires elevation to Administrator privileges and will place the installation under Program Files. This also means that VS Code will be available to all users in the system.
See the Download Visual Studio Code page for a complete list of available installation options.
32-bit versions
If you need to run a 32-bit version of VS Code, both a 32-bit Installer and Zip archive are available.
Updates
VS Code ships monthly releases and supports auto-update when a new release is available. If you’re prompted by VS Code, accept the newest update and it will be installed (you won’t need to do anything else to get the latest bits).
Note: You can disable auto-update if you prefer to update VS Code on your own schedule.
Windows Subsystem for Linux
Windows is a popular operating system and it can be a great cross-platform development environment. This section describes cross-platform features such as the Windows Subsystem for Linux (WSL) and the new Windows Terminal.
Recent Windows build
Make sure you are on a recent Windows 10 build. Check Settings > Windows Update to see if you are up-to-date.
Windows as a developer machine
With WSL, you can install and run Linux distributions on Windows. This enables you to develop and test your source code on Linux while still working locally on your Windows machine.
When coupled with the Remote — WSL extension, you get full VS Code editing and debugging support while running in the context of WSL.
See the Developing in WSL documentation to learn more or try the Working in WSL introductory tutorial.
New Windows Terminal
Available from the Microsoft Store, the Windows Terminal (Preview) lets you easily open PowerShell, Command Prompt, and WSL terminals in a multiple tab shell.
Next steps
Once you have installed VS Code, these topics will help you learn more about VS Code:
-
— Learn how to install Git, Node.js, TypeScript, and tools like Yeoman. — A quick orientation to VS Code. — Learn how to configure VS Code to your preferences through settings. — Lets you jump right in and learn how to be productive with VS Code.
Common questions
What command-line arguments are supported by the Windows Setup?
VS Code uses Inno Setup to create its setup package for Windows. Thus, all the Inno Setup command-line switches are available for use.
Scrolling is laggy and not smooth
On certain devices, editor scrolling is not smooth but laggy for an unpleasant experience. If you notice this issue, make sure you install the Windows 10 October 2018 update where this issue is fixed.
I’m having trouble with the installer
Try using the zip file instead of the installer. To use this, unzip VS Code in your AppData\Local\Programs folder.
Note: When VS Code is installed via a Zip file, you will need to manually update it for each release.
Icons are missing
I installed Visual Studio Code on my Windows 7 or 8 machine. Why are some icons not appearing in the workbench and editor?
приступая к работе с Visual Studio Code с подсистема Windows для Linux
Visual Studio Code, вместе с расширением Remote-WSL, позволяет использовать WSL в качестве среды разработки для полной времени непосредственно из VS Code. Можно сделать следующее:
установка VS Code и расширения Remote WSL
перейдите на страницу установки VS Code и выберите двоичный установщик 32 или 64. установите Visual Studio Code на Windows (а не в файловую систему WSL).
Установите Пакет расширений для удаленной разработки. Этот пакет расширений включает расширение Remote-WSL в дополнение к расширениям Remote-SSH и Remote-Container, что позволяет открывать любую папку в контейнере, на удаленном компьютере или в WSL.
Обновление дистрибутива Linux
в некоторых дистрибутивах WSL Linux отсутствуют библиотеки, необходимые для запуска сервера VS Code. Вы можете добавить дополнительные библиотеки в дистрибутив Linux с помощью диспетчера пакетов.
Например, чтобы обновить Debian или Ubuntu, используйте:
Чтобы добавить wget (для получения содержимого с веб-серверов) и CA-Certificates (чтобы разрешить приложениям на основе SSL проверять подлинность SSL-соединений), введите:
Откройте проект WSL в Visual Studio Code
Из командной строки
Из VS Code
кроме того, можно получить доступ к дополнительным VS Code удаленным параметрам с помощью ярлыка: CTRL+SHIFT+P в VS Code, чтобы открыть палитру команд. если затем ввести, Remote-WSL вы увидите список доступных VS Code удаленных параметров, что позволит повторно открыть папку в удаленном сеансе, указать, какое распространение следует открыть в, и многое другое.
расширения в VS Code Remote
расширение Remote-WSL разделяет VS Code в архитектуру «клиент-сервер» с помощью клиента (пользовательского интерфейса), работающего на компьютере Windows, и сервера (код, Git, подключаемые модули и т. д.), запускаемые удаленно.
при запуске VS Code удаленно на вкладке «расширения» отобразится список расширений, разделенных между локальным компьютером и дистрибутивом WSL.
Установка локального расширения, например темы, должна быть установлена только один раз.
Некоторые расширения, такие как расширение Python или все, что обрабатывает такие действия, как linting или Отладка, должны устанавливаться отдельно на каждом удаленном распределении WSL. VS Code отобразится значок предупреждения ⚠ вместе с зеленой кнопкой «установить в WSL», если установлено локальное расширение, которое не установлено на удаленном компьютере WSL.
дополнительные сведения см. в VS Code документах:
возникли проблемы при запуске VS Code из командной строки WSL? В этом руководство по устранению неполадок содержатся советы по изменению переменных пути, устранению ошибок расширения, связанных с отсутствием зависимостей, устранению проблем с завершением строк Git, установке локального VSIX на удаленном компьютере, запуску окна браузера, порту localhost для блокировки, веб-сокеты не работают, ошибки при хранении данных расширения и многое другое.
Установка Git (необязательно)
Если вы планируете работать совместно с другими пользователями или размещать проект на сайте с открытым исходным кодом (например, GitHub), примите во внимание, что VS Code поддерживает управление версиями с помощью Git. Вкладка системы управления версиями в VS Code отслеживает все изменения и содержит общие команды Git (добавление, фиксация, принудительная отправка, извлечение) прямо в пользовательском интерфейсе.
Установка Терминала Windows (необязательно)
новая Терминал Windows включает несколько вкладок (быстро переключаться между дистрибутивами командной строки, PowerShell или несколькими установочными областями Linux), пользовательскими привязками клавиш (создайте собственные сочетания клавиш для открытия и закрытия вкладок, копирования и вставки и т. д.), эмодзи ☺ и пользовательских тем (цветовые схемы, стили и размеры шрифтов, фоновое изображение, размытие и прозрачность). дополнительные сведения см. в Терминал Windows документах.
Скачайте Терминал Windows из Microsoft Store: При установке через магазин обновления выполняются автоматически.
(Я хочу установить это глобально, а не для проекта или для задачи, так как я поддерживаю много маленьких пакетов.)
7 ответов
(добавлена в версии 1.15). Нажмите Cmd + Shift + P (или Ctrl + Shift + P ) и найдите «Настройки: Открыть настройки (JSON)». Затем добавьте следующую запись в файл настроек:
/.bash_profile имеет следующую строку:
В моем случае (Linux Mint 19.3 Cinnamon, код VS, установленный с помощью оснастки) уловка заключалась в том, чтобы поместить мой добавленный PATH в
Итак, чтобы решить эту проблему, я удаляю версию по умолчанию из программного обеспечения Ubuntu и устанавливаю вручную, используя следующие инструкции:
Лучше всего получить код для загрузки существующего
// Linux «terminal.integrated.shellArgs.linux»: [«-l»]
// OS X «terminal.integrated.shellArgs.osx»: [«-l»]
Хотя, похоже, этот параметр используется по умолчанию в моей текущей настройке VS Code (OS X). Интегрированный терминал запускает мой
Код Visual Studio является проблемой.
Независимо от того, как вы устанавливаете переменную PATH в оболочке, существуют случаи, когда код Visual Studio не будет наследовать ваш параметр PATH. Если для запуска кода Visual Studio вы используете средство запуска приложений, такое как LaunchBar, ваша переменная PATH не будет унаследована.
Вот общесистемное исправление:
В каталоге /etc/paths.d создайте файл с вашим именем пользователя Unix. В этом файле укажите дополнительные пути, необходимые для работы кода Visual Studio. В моем случае это содержимое моего файла /etc/paths.d:
/usr/ucb /opt/local/bin /opt/local/sbin
Примечание. Ваш файл /etc/paths.d будет обрабатываться в масштабе всей системы. Поскольку большинство систем однопользовательские, это не должно быть проблемой для большинства разработчиков.
Как настроить Visual Studio Code для C, C++, Java, Python
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), которая находится на левой панели инструментов, и начните загружать друг за другом следующие расширения:
Расширения, перечисленные ниже, необязательны для дальнейшей настройки, но я рекомендую вам обратить на них внимание, посмотреть, заинтересуют ли они вас, и если нет, то перейти к следующему разделу.
Чтобы выбрать тему, нажмите Ctrl + Shift + P. Откроется палитра команд. Осуществите поиск по слову “theme” и выберите опцию Color Theme. Чтобы настроить иконки, можете выбрать опцию File Icon Theme.
Расширения для тех, кто интересуется FrontEnd-фреймворками для веб-разработки, такими как Angular и React:
3. Настраиваем внешний вид редактора
Итак, мы уже установили VS Code и несколько расширений. Теперь мы готовы настраивать среду разработки. Я создал шаблон для спортивного программирования в VS Code и загрузил его в свой профиль на Github.
Перейдите по этой ссылке и загрузите шаблон себе на компьютер. Распакуйте его в любое место по вашему выбору. После этого откройте получившуюся папку в VS Code. Вы должны увидеть что-то вроде этого:
Пройдитесь по файлам main.cpp, Main.java и main.py и посмотрите на записанный в них образец кода. По сути, шаблонный код, предоставленный в образцах для каждого из этих трех языков, принимает входящие данные из файла input.txt и обеспечивает вывод в файл output.txt. Для каждой программистской задачи, которую вы хотите решить, просто создайте копию этого шаблона и напишите свой код в функции solve().
Теперь создадим ту разбивку экрана, которую вы могли видеть на самом первом изображении в этой статье. Эта разбивка позволяет сразу видеть как ввод, так и вывод вашего кода, что делает ее очень удобной в использовании.
Готово! Мы настроили внешний вид редактора. А теперь давайте запускать код.
4. Запускаем код!
Для запуска нашего кода мы будем использовать расширение Code Runner, потому что ручная настройка VS Code для каждого языка — весьма сложная задача и потребует много затрат времени и сил.
Прежде чем использовать это расширение, нам нужно настроить его так, чтобы оно работало через терминал, иначе мы не сможем обеспечить консольный ввод нашего кода. Эти шаги очень важно проделать в точности:
По умолчанию Code Runner не добавляет флаг -std=c++14 при компиляции кода. Это ограничивает ваши возможности как программиста. Например, если вы попытаетесь сделать так:
Выполните следующие действия, чтобы добавить флаг:
Наконец-то всё настроено для запуска ваших программ на C++, Java и Python.
Откройте файл main.cpp. Нажмите правую кнопку мыши и выберите опцию Run Code. Попробуйте напечатать что-нибудь в функции solve(), чтобы проверить, происходит ли у вас вывод в файл output.txt или нет.
Следуйте той же процедуре с файлами Main.java и main.py. Расширение Code Runner возьмет на себя выполнение каждого из них.
Я надеюсь, что эта статья помогла вам настроить Visual Studio Code. Счастливого программирования!
Как задать правильный путь в VSCode phpvalidateexecutablePath?
Простой 6 комментариев
Пычев Анатолий, в том и дело, что он версию всегда выбивал таким образом.
В общем, вопрос частично решен, но, конечно, Майки умеют делать «френдли» интерфейсы для новичков.
Спасибо за помощь. Всё же наверное стоит выбрать phpStorm для разработки на Пыхе.
P.S. Ничего сложнее подключения композера, GIT, настройки этой дребедени с отладкой, а также попыткой установить и разобраться как запустить, куда кидать и где использовать фреймворк я за всё время обучения ещё не встречал и, видимо, уже не встречу (Обязательно перечитаю это года через 2-3).
Но я успешно пользуюсь VSCode для php. Все легко, настройки возможны как глобальные, так и для проекта(рабочей области). Родной intelisence отключен в пользу расширения PHP Intelephense.
Из плагинов для php установлено только это 
. Для меня хватает с головой. Также настроен code sniffer, но я его включаю уже в конце и code beautifier (включен постоянно, т.к. форматирует сразу по настроенному стандарту). Редактор живой работает быстро.
Как рекомендация при установке расширения ВНИМАТЕЛЬНО читайть документацию по настройкам.
/.bash_profile (on a Mac), like so:
(I want to set it globally, not per project or per task, since I’m maintaining a lot of small packages.)
10 Answers 10
variable (added in version 1.15). Press Cmd + Shift + P (or Ctrl + Shift + P ) and search for «Preferences: Open Settings (JSON)». Then add the following entry to the settings file:
/.bash_profile has the following line:
In VS Code, press ⇧⌘P and type install ‘code’ command if you haven’t done so before.
I am using vscode on macos for C/C++ development in conjunction with CMake.
Then you can extend your system PATH with custom paths by adding the following snippet to your user or project settings.json :
Visual Studio Code is the problem.
No matter how you set your PATH variable in the shell, there are cases where Visual Studio Code will not inherit your PATH setting. If you’re using an application launcher like LaunchBar to start Visual Studio Code, your PATH variable will not be inherited.
Here is a system-wide fix:
In the /etc/paths.d directory, create a file with your Unix username. In that file, place the additional paths that Visual Studio Code needs to work. In my case, this is the contents of my /etc/paths.d file:
/usr/ucb /opt/local/bin /opt/local/sbin
Note: Your /etc/paths.d file will be processed system-wide. Since most systems are single-user, this shouldn’t be a problem for most developers.
Since this is the top Google search result for variants of «VS Code path», I will add my answer here.
I’m running Linux and my problem was that VS Code couldn’t find some executable needed to build my project. I was running VS Code from the quick launcher (ALT+F2), and not from a Terminal. I tried modifying the PATH variable in many different places, but I couldn’t seem to get it right.
In the end, placing the right PATH inside of
add to the JSON file:
In order to check if it works execute in your VS Code Terminal:
What did the trick in my case (Linux Mint 19.3 Cinnamon, VS code installed via snap) was to put my appended PATH in
So, to solve it I uninstall the default version from ubuntu software and install manually using the following instructions:
Getting Code to load your existing
/.bash_profile would be best. I think the docs here are the relevant reference: https://code.visualstudio.com/docs/editor/integrated-terminal#_linux-os-x
// Linux «terminal.integrated.shellArgs.linux»: [«-l»]
// OS X «terminal.integrated.shellArgs.osx»: [«-l»]
Although, it looks like that setting is the default on my current VS Code (OS X) setup. Integrated terminal is running my