Что такое рабочая область в visual studio code

Обновлено: 05.07.2024

Например, в Visual Studio Code говорится о применении настроек на уровне пользователя и на уровне рабочей области.

С одной стороны,

(а) он может относиться к каталогу проекта, который вы открыли; или же
(б) он может относиться ко всему, что вы открыли в определенном окне.

На упомянутой выше странице говорится

Что такое рабочее пространство?

Проект, состоящий из одной или нескольких корневых папок, а также всех конфигураций кода Visual Studio, принадлежащих этому проекту. Эти конфигурации включают:

настройки, которые должны применяться, когда этот проект открыт
рекомендуемые расширения для проекта (полезно при совместном использовании файлов конфигурации с коллегами)
конфигурации отладки для конкретного проекта

Почему рабочее пространство так сбивает с толку?

Код Visual Studio не использует этот термин последовательно в пользовательском интерфейсе (для решения этой проблемы я открыл проблему на GitHub). Иногда это относится к рабочей области, как описано выше, а иногда к рабочей области как к проекту, который специально связан с <?php .code-workspace файл.

Что такое .code-workspace файл?

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

Мне нужен .code-workspace файл?

Только если вы создаете многокорневое рабочее пространство, и в этом случае у вас будет один .code-workspace файл, который автоматически восстанавливает все настройки рабочего пространства, а также все корневые папки, которые вы хотите отобразить в проводнике.

А как насчет проектов с одной папкой?

Когда вы открываете папку в Visual Studio Code и начинаете вносить в редактор изменения, непосредственно связанные с проектом, над которым вы сейчас работаете, Visual Studio Code автоматически создает .vscode папку и сохраняет ее в корне папки проекта, над которым вы работаете. Этот .vscode В папке есть файлы, в которых хранятся внесенные вами изменения.

Например, если вы измените параметры Visual Studio Code, которые хотите применить только к текущему проекту, Visual Studio Code создаст settings.json файл с этими обновлениями, и этот файл хранится в .vscode папка.

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

Как мне создать .code-workspace файл?

Перейти в меню файл → Сохранить рабочее пространство как .

Как добавить корневые папки в рабочую область?

Перейти в меню файл → Добавить папку в рабочую область . .

Как открыть рабочее пространство, определяемое .code-workspace файл?

Перейти в меню файл → Открыть рабочее пространство . .

Или дважды щелкните значок .code-workspace файл. Visual Studio Code не откроет сам файл. Вместо этого он прочитает этот файл и откроет папки, принадлежащие этой рабочей области.

Как посмотреть актуальные .code-workspace файл?

Перейти в меню файл �� Открыто. и выберите цель .code-workspace файл.

Или откройте рабочее пространство, связанное с этим файлом. Затем откройте палитру команд, найдите и выберите Рабочие области: открыть файл конфигурации рабочего пространства команда.

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

Рабочая область Visual Studio Code - это список папок и файлов проекта. Рабочее пространство может содержать несколько папок. Вы можете настроить параметры и предпочтения рабочего пространства.

Рабочая область - это просто текстовый файл с расширением (.code-workspace). Вы можете посмотреть его, открыв его в текстовом редакторе. Меня тоже разочаровала идея рабочего пространства и того, как оно реализовано в Visual Studio Code. Я нашел способ, который мне подходит.

Из строки меню * → файл → Открыть папку. . Перейдите туда, куда вы хотите поместить свою папку, и щелкните правой кнопкой мыши, чтобы открыть новую папку. Назовите его как хотите, затем нажмите "Выберите папку". Он появится в * обозревателе кода Visual Studio.

Он будет сохранен как ( .code-workspace ) и представляет собой просто индекс для всех файлов и папок, которые он содержит (или указывает), где бы они ни находились на вашем жестком диске. Вы можете посмотреть его, открыв его в текстовом редакторе. Закройте созданную вами папку и закройте Visual Studio Code.

Название и последующий вопрос в OP, похоже, сводятся к:

Что такое рабочая область в VS Code?
Как сделать рабочее пространство настройки Работа?

В .code-workspace Файл также определяет параметры рабочей области, которые используются экземпляром VSCode, в котором открыта рабочая область.

Многокорневое рабочее пространство определяется .code-workspace (JSON), который содержит как список папок, которые будут включены в рабочую область, так и настройки VSCode.

Что касается настроек рабочего пространства .

Когда вы открываете Файл> Настройки> Настройки, открывается редактор настроек. По крайней мере, вы должны увидеть ПОЛЬЗОВАТЕЛЬСКИЕ НАСТРОЙКИ таб. Это универсальные настройки VSCode для вашей учетной записи на локальном компьютере. В Windows они сохраняются в %APPDATA%\Code\User\settings.json .

При открытии многокорневой рабочей области все ведет себя иначе. Во-первых, НАСТРОЙКИ РАБОЧЕГО МЕСТА Вкладка показывает параметры, установленные в .code-workspace файл. Во-вторых, любая папка с settings.json файл появится под новым НАСТРОЙКИ ПАПКИ таб. Имейте в виду, что в многопользовательской рабочей области только ограниченное количество настроек из каждой папки settings.json используются. Я предлагаю вам перейти по ссылке выше, чтобы читать дальше.

Основная полезность рабочего пространства (и, возможно, единственная) - это возможность добавлять несколько независимый папки, составляющие проект. Например:

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

Вы можете узнать больше здесь.

По некоторым исследованиям, ответ оказывается (а).

Когда я перехожу к изменению настроек, файл настроек попадает в каталог .vscode в каталоге моего проекта.

2 Но это не просто одна папка. Вы можете настроить рабочее пространство на несколько каталогов. Мне было интересно, в чем разница между верстаком и рабочим пространством.

Я только что установил Visual Studio Code v1.25.1. на машине с Windows 7 Professional SP1. Я хотел подробно разобраться в рабочих пространствах, поэтому потратил несколько часов на то, чтобы понять, как они работают в этой версии Visual Studio Code. Я подумал, что результаты моего исследования могут быть интересны сообществу.

Механика обработки рабочих пространств в Visual Studio Code немного сложна. Я думаю, что самый быстрый способ передать то, что я узнал, - это дать вам набор инструкций, которые вы можете использовать, чтобы увидеть, как рабочие области работают на вашем компьютере. Я предполагаю, что вы начинаете с новой установки Visual Studio Code v1.25.1. Если вы используете производственную версию Visual Studio Code Я не рекомендую вам следовать моим инструкциям, потому что вы можете потерять часть или всю существующую конфигурацию Visual Studio Code! Если у вас уже есть контрольная работа установлена версия Visual Studio Code v1.25.1 **, и вы готовы потерять любую уже существующую конфигурацию, необходимо сделать следующее, чтобы вернуть код Visual Studio в новое состояние установки:

Удалите следующую папку (если она существует):

В этом файле settings.json хранятся пользовательские настройки для кода Visual Studio.

На данный момент у вас есть одна папка чьи пользовательские настройки хранятся по адресу:

и чьи настройки рабочего пространства хранятся по адресу:

Для меня папка .vscode не создавалась до тех пор, пока я не внес изменения в одну из настроек рабочего места, но в остальном эта запись была определенно полезна, поскольку дала мне лучшее понимание того, как все это работает.

Итак, еще раз урок о том, чтобы не загрязнять дерево исходных кодов проекта артефактами, которые не прямо связанные с этим проектом игнорируются.

Есть нуль причина для файла рабочей области Visual Studio Code (workspaces.json) или каталога (.vscode) или чего-то еще, что нужно поместить в исходное дерево. Его так же легко можно было поместить в ваши пользовательские настройки.

Я думал, что мы поняли это около 20 с лишним лет назад, но похоже, что некоторые уроки обречены на повторение.

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

И у вас тоже может быть несколько рабочих пространств. См. Ссылки здесь, и вы получите полную картину:

Ссылка 1
Ссылка 2

Эта первая ссылка очень хорошо объясняет это, в частности, эту цитату: Multi-root workspaces let developers group a set of disparate project folders into one workspace, instead of having to work with files and folders residing only in a single root folder. This provides a variety of advantages and use cases, such as working on multiple projects at the same time -- say a project's documentation and its source code repositories -- and keeping everything in sync.

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

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

Но прямо сейчас (1.24) вы не можете добавить в рабочую область ни один файл, а только папки, что немного неудобно.

Он имеет приятный пользовательский интерфейс для управления (сохранения и открытия) проектов с одной папкой:

Сохранить проекты:

Открывайте проекты с палитрой:

Просмотрите текущий проект в строке состояния (щелкните, чтобы открыть палитру проекта):

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

Если код Visual Studio - это новая установка;

Нажмите на расширения, найдите "python" и нажмите "Установить".

Если вы хотите использовать виртуальную среду Python, нажмите File -> Preference -> settings.

Нажмите "<> открыть настройки JSON" в правом верхнем углу окна, затем добавьте путь к файлу python.exe, который находится в виртуальной среде.

Запустите новый терминал и убедитесь, что выбран правильный интерпретатор Python.

Вам когда-нибудь приходилось создавать новый каталог и открывать новое окно кода Visual Studio для тестового проекта или для функции, которую вы хотите добавить в свой основной проект? Итак, вам нужно рабочее пространство и достаточно высокая загрузка ЦП .

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

Я не могу поверить, что я задаю этот вопрос, но я не смог найти определение в документации. Если это не больно очевидно, я (очень) новичок в VS-коде.

например, VS Code говорит о применение настроек на уровне пользователя против уровня рабочей области.

с одной стороны, (a) он может ссылаться на каталог проекта, который вы открыли; или (b) он может ссылаться на все, что вы открыли в конкретном окно.

на странице, указанной выше, говорится: "рабочая область: эти параметры хранятся внутри рабочей области в a .папка vscode и применяется только при открытии рабочей области."

Я согласен, что документы могут включать более четкие указания. Вот что я узнал.

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

определение: Рабочее пространство VS Code-это центральное расположение папок и файлов проекта. Рабочее пространство может содержать несколько папок. Вы можете настроить параметры и предпочтения рабочее место.

рабочее пространство-это просто текстовый файл с (.code-workspace) расширение. Вы можете посмотреть, открыв его в текстовом редакторе. Я тоже был разочарован идеей рабочей области и тем, как она реализована в VS-коде. Я нашел метод, который мне подходит.

начните с одной папки "проект".

откройте VSCode и закройте все открытые рабочие области, файлы или папки. Вы должны увидеть только "открытые редакторы" и "папка не открыта" в проводнике. В строке меню --> Файл --> открыть папку. Перейдите туда, куда вы хотите поместить папку и щелкните правой кнопкой мыши, чтобы открыть новую папку. Назовите его как хотите, затем нажмите "Выбрать папку". Он появится в проводнике кода VS.

теперь в строке меню -- > Файл --> Сохранить рабочее пространство как. Назовите рабочее пространство и сохраните его там, где хотите сохранить все рабочие области (не обязательно там, где находятся папки проекта). Я положил все мои в папку под названием "VS Code workspace".

Он будет сохранен как (.code-workspace) и является просто индексом всех файлов и папок, которые он содержит (или указывает), где бы они ни находились на вашем жестком диске. Вы можете посмотреть, открыв его в текстовом редакторе. Закройте созданную папку и закройте VS Code.

теперь найдите свое рабочее пространство "файл" и дважды щелкните по нему. Откроется VS Code с папкой, созданной в рабочей области. Или вы можете открыть VS-код и использовать "Open Workspace".

любые папки, которые вы создаете изнутри рабочее пространство VS Code будет находиться внутри первой папки. Если вы хотите добавить еще несколько папок верхнего уровня, сначала создайте их там, где хотите, а затем используйте "добавить в рабочую область"..- из VS-кода.

на некоторые следствия, ответ (а).

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

AFAIK основная утилита рабочего пространства позволяет добавлять несколько независимая папки, которые составляют проект. Например:

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

вы можете узнать больше здесь.

Они называют это Multi-root workspace, С этим вы можете сделать отладку легко b / c

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

скажем, у вас есть сервер и клиентская папка внутри папки приложения, если вы хотите отладить их вместе, без рабочей области вам нужно запустить 2 vscode, один для сервера, один для клиент и вы должны переключаться туда-сюда.

но прямо сейчас (1.24) вы не можете добавить один файл только в папки workspace, что немного неудобно

Я только что установил Visual Studio Code v1.25.1. на машине Windows 7 Professional SP1. Я хотел понять рабочие пространства в деталях, поэтому я потратил несколько часов, выясняя, как они работают в этой версии VS кода. Я думал, что результаты моего исследования могут представлять интерес для сообщества.

во-первых, рабочие области называются Microsoft в документах VS Code как "мультикорневые рабочие области."На простом английском языке это означает" работа с несколькими папками (A. K. A "root") окружающая среда."Рабочее пространство VS Code-это просто коллекция папок-любая коллекция, которую вы хотите, в любом порядке. Типичный набор папок представляет собой проект разработки программного обеспечения. Однако коллекция папок может использоваться для всего остального, для чего разрабатывается программный код.

механика того, как VS Code обрабатывает рабочие области, немного сложна. Я думаю, что самый быстрый способ передать то, что я узнал, - это дать вам набор инструкций, которые вы можно использовать, чтобы увидеть, как рабочие области работают на вашем компьютере. Я предполагаю, что вы начинаете с новой установки VS Code v1.25.1. Если вы используете производственную версию кода VS, я не рекомендую вам следовать моим инструкциям, потому что вы можете потерять часть или всю существующую конфигурацию кода VS! если у вас уже есть тестовая версия VS Code v1.25.1 установлено,и вы готовы потерять любую конфигурацию, которая уже существует, необходимо сделать следующее верните код VS в новое состояние установки:

удалите следующую папку (если она существует):

вы будете добавлять папки в VS-код для создания нового рабочего пространства. Если какая-либо из папок, которые вы собираетесь использовать для создания этой новой рабочей области, ранее использовалась с кодом VS, удалите ".вложенная папка "vscode" (если она существует) в каждой из папок, которые будут использоваться для создания новой рабочей области.

VS Code отображает кнопку с надписью " Открыть папку.- Нажмите эту кнопку и выберите нужную папку. VS Code обновится, и имя выбранной папки будет заменено именем представления "нет открытой папки". Все папки и файлы, существующие в выбранной папке, будут отображаться под представлением имя.

теперь откройте файл настроек VS Code Preferences. Есть много способов сделать это. Я буду использовать самый простой для запоминания Файл > Настройки > Настройки. Файл настроек отображается в двух столбцах. Левый столбец-это список только для чтения значений по умолчанию для каждой функции VS Code. В правом столбце перечислены три (3) типа пользовательских настроек. На данный момент в тесте будут перечислены только два параметра пользователя - параметры пользователя и параметры рабочей области. Этот Настройки пользователя отображаются по умолчанию. Отображает содержимое пользовательских настроек.файл json. Чтобы узнать, где находится этот файл, просто наведите курсор мыши на список "Настройки пользователя", который появляется в представлении "открытые Редакторы" в Проводнике. Этот список в представлении " открытые Редакторы "автоматически выбирается при выборе параметра" настройки пользователя " в правом столбце. Путь должен быть:

этого настройки.JSON-файл, где находятся пользовательские настройки для VS-кода на хранении.

теперь щелкните параметр настройки рабочего пространства в правом столбце списка настроек. Когда вы это делаете, подпапка с именем ".vscode " автоматически создается в папке, добавленной для изучения несколько шагов назад. Посмотрите на список вашей папки в Проводнике, чтобы подтвердить это .добавлена подпапка vscode. Внутри нового .папку vscode другой настройки.файл json. Этот файл содержит настройки рабочего пространства для папки, в которую вы добавили Исследователь несколько шагов назад.

в этот момент у вас есть в папке Настройки пользователя, хранятся в:

и настройки рабочего пространства которого хранятся по адресу:

это конфигурация, когда одна папка добавляется к новой установке кода VS. Все становится грязным, когда мы добавляем вторую (или большую) папку. Это потому, что мы меняем настройки пользователя и рабочей области VS Code для размещения несколько папок. В среде с одной папкой только два параметра.файлы json необходимы, как указано выше. но в исследовател среды .вложенная папка vscode создается в каждой папке, добавленной в Проводник ,и новом файле " workspaces.в JSON," создан, чтобы управлять несколькими папку среда. новые " рабочие пространства.файл "json" создается по адресу:

"%workspaces_id% " -это папка с уникальным именем всех номеров.

в правой колонке настроек теперь отображаются три параметра параметров пользователя-параметры пользователя, параметры рабочей области и Параметры папки. Функция пользовательских настроек остается такой же, как и для среды с одной папкой. Однако файл параметров за параметрами рабочей области был изменен из параметров.файл json в одной папке .вложенная папка vscode в рабочие области.файл json, расположенный в рабочих областях.путь к файлу json показан выше. параметры.JSON-файл в каждой папке .подпапка vscode теперь управляется третьим параметром пользователя, Параметры папки. это выпадающий список выбора, который позволяет управлять настройками каждой папки.JSON-файл в каждой папке .подпапка vscode. ОБРАТИТЕ ВНИМАНИЕ: THE .вложенная папка vscode не будет создана во вновь добавленных папках проводника, пока вновь добавленная папка не будет выбрана хотя бы один раз в настройках пользователя "Параметры папки".

обратите внимание, что имя одной папки Explorer изменилось на " Без названия (рабочая область)." Это означает следующее:

создана многопапочная рабочая область с именем " UNTITLED (WORKSPACE)
"рабочее пространство" под названием "Без названия (рабочее место)" чтобы сообщить, что рабочее пространство еще не было сохранено как отдельный, уникальный файл рабочего пространства
в рабочей области без названия (WORKSPACE) могут быть добавлены папки и удалены из нее но он будет функционировать как единственная рабочая среда для VS Код

полная функциональность VS Code workspaces реализуется только тогда, когда рабочее пространство сохраняется в виде файла, который может быть перезагружен по мере необходимости. Это дает возможность создавать уникальные мульти-папка рабочие пространства (например, проектов) и сохранять их в виде файлов для дальнейшего использования! Для этого в главном меню выберите Файл > Сохранить рабочую область как и сохраните текущую конфигурацию рабочей области как уникальный файл рабочей области. Если вам нужно создать рабочее пространство "с нуля", сначала сохраните при необходимости щелкните правой кнопкой мыши имя каждой папки проводника и выберите "удалить папку из рабочей области"."Когда все папки будут удалены из рабочей области, добавьте папки, необходимые для новой рабочей области. После добавления новых папок просто сохраните новое рабочее пространство как новый файл рабочего пространства.

важное замечание - VS Code не "возвращается" в режим одной папки, когда в Проводнике остается только одна папка или когда все папки были удалены из проводника при создании новой рабочей области "с нуля"."Мульти-папка конфигурации рабочей области, которая использует три предпочтения пользователя остается в силе. Это означает, что если вы не будете следовать инструкциям в начале этого поста, VS-код никогда не может быть возвращен в режим работы с одной папкой-он всегда будет оставаться в режиме многопапочной рабочей области.

Я не могу поверить, что задаю этот вопрос, но я не смог найти определение в документации. В случае, если это не до боли очевидно, я (очень) новичок в VS Code.

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

На упомянутой выше странице написано: "Рабочая область: эти параметры хранятся в рабочей области в папке .vscode и применяются только при открытой рабочей области".

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

Рабочая область кода VS - это список папок и файлов проекта. Рабочая область может содержать несколько папок. Вы можете настроить параметры и предпочтения рабочего пространства.

Рабочая область - это просто текстовый файл с расширением (.code-workspace). Вы можете посмотреть на это, открыв его в текстовом редакторе. Я тоже был разочарован идеей рабочей области и тем, как она реализована в VS Code. Я нашел метод, который мне подходит.

Начните с одной папки проекта.

Откройте VSCode и закройте все открытые рабочие пространства, файлы или папки. Вы должны увидеть только "ОТКРЫТЫЕ РЕДАКТОРЫ" и "ОТКРЫТА ПАПКА" в Проводнике. В строке меню -> Файл -> Открыть папку . Перейдите туда, куда вы хотите поместить папку, и щелкните правой кнопкой мыши, чтобы открыть новую папку. Назовите его как хотите, затем нажмите "Выбрать папку". Он появится в VS Code Explorer.

Теперь из строки меню -> Файл -> Сохранить рабочее пространство как . Назовите рабочее пространство и сохраните его там, где вы хотите сохранить все рабочее пространство (не обязательно там, где находятся папки вашего проекта). Я положил все свои в папку под названием "Рабочая область VS Code".

Он будет сохранен в виде файла (.code-workspace) и является просто индексом для всех файлов и папок, которые он содержит (или указывает на), где бы они ни находились на вашем жестком диске. Вы можете посмотреть на это, открыв его в текстовом редакторе. Закройте созданную вами папку и закройте VS Code.

Теперь найдите свой файл рабочей области и дважды щелкните по нему. Откроется VS Code с папкой, которую вы создали в своем рабочем пространстве. Или вы можете открыть VS Code и использовать "Open Workspace".

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

Название и последующий вопрос в ОП, кажется, сводятся к:

Что такое рабочее пространство в VS Code?
Как работают настройки рабочего пространства ?

Рабочая область - это виртуальная коллекция папок, которые одновременно открываются в VSCode и определяются в файле .code-workspace . Открытие этого файла откроет коллекцию папок автоматически. Это называется "многокорневым" рабочим пространством.

Файл .code-workspace также определяет параметры рабочего пространства, которые используются экземпляром VSCode, в котором открыто рабочее пространство.

Когда рабочее пространство не определено , то есть вы открываете папку самостоятельно, вы можете создавать "настройки рабочего пространства", которые сохраняются в файле .vscode\settings.json в корне этой структуры папок.

VSCode использует слово "рабочее пространство" немного неоднозначно в некоторых местах. Первое использование, которое нужно рассмотреть, это то, что называется многокорневым рабочим пространством .

Многокорневое рабочее пространство - это набор папок ("корней"), которые совместно открываются в экземпляре VSCode. Для этих папок нет необходимости совместно использовать родительские папки; это действительно так, поскольку VSCode обычно использует одну папку на боковой панели Проводника.

Многокорневое рабочее пространство определяется файлом .code-workspace (JSON), который содержит как список папок, которые должны быть включены в рабочее пространство, так и настройки VSCode.

Что касается этих настроек рабочего пространства .

Когда вы открываете Файл> Настройки> Настройки, отображается редактор настроек. По крайней мере, вы должны увидеть ПОЛЬЗОВАТЕЛЬСКИЕ НАСТРОЙКИ . Это настройки VSCode, которые являются универсальными для вашей учетной записи пользователя на вашем локальном компьютере. В Windows они сохраняются в %APPDATA%\Code\User\settings.json .

Отдельные папки (часто каждая из "корневых" папок в рабочей области) могут иметь папку .vscode со своим собственным файлом settings.json . При открытии по отдельности, то есть не как часть рабочего пространства, содержимое этих файлов settings.json отображается на вкладке НАСТРОЙКИ РАБОЧЕГО МЕСТА , и ВСЕ настройки в этом файл используется запущенным экземпляром VSCode.

При открытии многокорневого рабочего пространства все происходит иначе. Во-первых, на вкладке НАСТРОЙКИ РАБОЧЕГО МЕСТА отображаются параметры, установленные в файле .code-workspace . Во-вторых, любая папка с файлом settings.json появится на новой ПАРАМЕТРЕ ПАПКИ . Имейте в виду, что в рабочей среде с несколькими корневыми системами используется только ограниченное количество параметров из settings.json каждой папки. Я предлагаю вам открыть ссылку выше, чтобы читать дальше.

AFAIK основная утилита рабочего пространства позволяет добавлять несколько независимых папок, которые составляют проект. Например:

Так что вы можете сгруппировать их в рабочем пространстве для конкретного проекта вместо того, чтобы открывать окна нескольких папок.

Вы можете узнать больше здесь .

На некоторых исследованиях ответ, кажется, (а).

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

Я только что установил Visual Studio Code v1.25.1. на компьютере с Windows 7 Professional SP1. Я хотел в деталях разобраться в рабочих пространствах, поэтому потратил несколько часов на то, чтобы понять, как они работают в этой версии VS Code. Я подумал, что результаты моего исследования могут представлять интерес для сообщества.

Во-первых, в документах VS Code Microsoft называет рабочие пространства "рабочими пространствами с несколькими корневыми системами". Простым английским языком это означает "рабочая среда с несколькими папками (A.K.A" root ")". Рабочая область VS Code - это просто набор папок - любая коллекция по вашему желанию в любом порядке. Типичная коллекция папок представляет собой проект разработки программного обеспечения. Однако коллекцию папок можно использовать для чего-либо еще, для чего разрабатывается программный код.

Механизм, которым VS Code обрабатывает рабочие пространства, немного сложен. Я думаю, что самый быстрый способ передать то, что я узнал, это дать вам набор инструкций, которые вы можете использовать, чтобы увидеть, как рабочие пространства работают на вашем компьютере. Я предполагаю, что вы начинаете с новой установки VS Code v1.25.1. Если вы используете производственную версию VS Code, Я НЕ РЕКОМЕНДУЮ, ЧТО ВЫ СЛЕДУЕТЕ ЗА СВОИМИ ИНСТРУКЦИЯМИ, ПОТОМУ ЧТО ВЫ МОЖЕТЕ ПОТЕРЯТЬ НЕКОТОРЫЕ OR ВСЕ ВАШЕ СУЩЕСТВУЕТ КОНФИГУРАЦИЯ VS-КОДА! Если у вас уже установлена ТЕСТ-версия VS Code v1.25.1, и вы готовы потерять любую конфигурацию, которая уже существует следующее быть сделано, чтобы вернуть ваш код VS в новое состояние установки:

Удалите следующую папку (если она существует):

Вы будете добавлять папки в VS Code, чтобы создать новое рабочее пространство. Если какие-либо из папок, которые вы собираетесь использовать для создания этого нового рабочего пространства, ранее использовались с VS Code, удалите подпапку ".vscode" (если она существует) в каждой из папок, которые будут использоваться для создания нового рабочего пространства.

VS Code отображает кнопку с надписью "Открыть папку". Нажмите эту кнопку и выберите папку по вашему выбору. Код VS будет обновлен, и имя выбранной папки заменит имя просмотра "Папка не открыта". Любые папки и файлы, которые существуют в выбранной вами папке, будут отображаться под именем просмотра.

Теперь откройте файл настроек VS Code Preferences. Есть много способов сделать это. Я запомню наиболее простой способ: "Файл"> "Настройки"> "Настройки". Файл настроек отображается в двух столбцах. Левый столбец - это доступный только для чтения список значений по умолчанию для каждой функции VS Code. Правый столбец используется для перечисления трех (3) типов пользовательских настроек. На данный момент в вашем тесте будут перечислены только две настройки пользователя - Настройки пользователя и Настройки рабочей области. Настройки пользователя отображаются по умолчанию. Это отображает содержимое файла пользовательских настроек .json. Чтобы узнать, где находится этот файл, просто наведите указатель мыши на список "Настройки пользователя", который отображается в представлении "ОТКРЫТЫЕ РЕДАКТОРЫ" в проводнике. Этот список в представлении ОТКРЫТЫЕ РЕДАКТОРЫ автоматически выбирается при выборе опции "Настройки пользователя" в правом столбце. Путь должен быть:

В этом файле settings.json хранятся настройки пользователя для кода VS.

Теперь нажмите "Настройки рабочего пространства" в правом столбце списка "Предпочтения". Когда вы делаете это, автоматически создается подпапка с именем ".vscode" в папке, которую вы добавили в "Исследовать" несколько шагов назад. Посмотрите на список вашей папки в Проводнике, чтобы убедиться, что подпапка .vscode была добавлена. Внутри новой подпапки .vscode находится другой файл settings.json. Этот файл содержит настройки рабочего пространства для папки, которую вы добавили в Проводник несколько шагов назад.

На данный момент у вас есть отдельная папка , чьи настройки пользователя хранятся в:

и чьи настройки рабочего пространства хранятся по адресу:

Это конфигурация, когда к новой установке VS Code добавляется одна папка. Все становится грязно, когда мы добавляем вторую (или большую) папку. Это потому, что мы меняем пользовательские настройки VS Code и настройки рабочего пространства для размещения нескольких папок. В среде с одной папкой необходимы только два файла settings.json, как указано выше. Но в среде с несколькими папками подпапка .vscode создается в каждой папке, добавленной в Проводник, и создается новый файл "workspaces.json" для управления средой с несколькими папками. Новая " файл workspaces.json "создается по адресу:

"% Workspaces_id%" - это папка с уникальным именем для всего номера.

В правом столбце "Настройки" теперь отображаются три параметра пользовательских настроек - "Настройки пользователя", "Настройки рабочего пространства" и "Настройки папки". Функция пользовательских настроек остается той же, что и для среды с одной папкой. Однако файл настроек за настройками рабочего пространства был изменен с файла settings.json в подпапке .vscode отдельной папки на файл workspaces.json, расположенный по указанному выше пути к файлу workspaces.json. Файл settings.json, расположенный в подпапке каждой папки .vscode, теперь контролируется настройкой третьего пользователя, "Параметры папки". Это раскрывающийся список выбора, который позволяет управлять настройками каждой папки settings.json. файл находится в каждой папке .vscode подпапки. ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАНИЕ: ПОДКЛАДКА .vscode НЕ БУДЕТ СОЗДАНА В НОВО-ДОБАВЛЕННЫХ ПАПКАХ ВВЕДИТЕЛЯ, ДО ВТОРОЙ НОВОЙ ДОБАВЛЕННОЙ ПАПКИ ВЫБРАНО AT ПОСЛЕДНИМ РАЗ В ПАРАМЕТРАХ ПАРАМЕТРОВ ПАРАМЕТРОВ ПОЛЬЗОВАТЕЛЯ.

Обратите внимание, что имя отдельной папки Explorer было изменено на "UNTITLED (WORKSPACE)". Это указывает на следующее:

Полная функциональность рабочих пространств VS Code реализуется только тогда, когда рабочая область сохраняется в виде файла, который можно при необходимости перезагружать. Это дает возможность создавать уникальные рабочие папки из нескольких папок (например, проекты) и сохранять их в виде файлов для последующего использования! Для этого в главном меню выберите "Файл"> "Сохранить рабочую область как" и сохраните текущую конфигурацию рабочей области как уникальный файл рабочей области. Если вам нужно создать рабочую область "с нуля", сначала сохраните текущую конфигурацию рабочей области (при необходимости), затем щелкните правой кнопкой мыши имя каждой папки Explorer и выберите "Удалить папку из рабочей области". Когда все папки были удалены из рабочей области, добавьте папки, необходимые для вашей новой рабочей области. Когда вы закончите добавлять новые папки, просто сохраните новое рабочее пространство как новый файл рабочего пространства.

Важное примечание - Код VS не "возвращается" в режим одной папки, когда в проводнике остается только одна папка или когда все папки были удалены из проводника при создании нового рабочего пространства "с нуля". Конфигурация рабочей области с несколькими папками, которая использует три пользовательских настройки, остается в силе. Это означает, что если вы не будете следовать инструкциям в начале этого поста, VS Code никогда не сможет вернуться в режим работы с одной папкой - он всегда останется в режиме рабочей папки с несколькими папками.

Visual Studio Code – это один из наиболее популярных редакторов кода, разработанный корпорацией Microsoft. Он распространяется в бесплатном доступе и поддерживается всеми актуальными операционными системами: Windows, Linux и macOS. VS Code представляет собой обычный текстовый редактор с возможностью подключения различных плагинов, что дает возможность работать со всевозможными языками программирования для разработки любого IT-продукта.

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

Установка Visual Studio Code

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

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

На этом установка завершена. Теперь мы можем использовать редактор кода по назначению. Обычно с этим не должно возникнуть никаких проблем, однако на слабых машинах запуск утилиты часто прерывается. Вылечить такой недуг можно с помощью добавления нового значения к пути ярлыка. Для этого откроем его свойства через правый клик мыши и в графе «Объект» пропишем --disable-gpu.

Готово! Теперь программа должна работать на любом компьютере.

Интерфейс Visual Studio Code

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

Запустить файл с кодом мы можем через правый клик мыши -> Открыть с помощью Code. Файл можно открыть и в программе: для этого в верхнем правом углу выбираем «File» и жмем «Open File…». После этого переходим в нужную директорию и выбираем файл.

В результате перед нами отобразится окно с кодом из файла. Давайте визуально разделим интерфейс на блоки и рассмотрим каждый из них более детально.

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

Следующий блок – левая панель управления, включающая в себя 5 основных вкладок: «Проводник», «Поиск», «Система управления версиями», «Запуск кода» и «Расширения». Первая предоставляет пользователю возможность просматривать содержимое проекта и быстро перемещаться внутри него.

Вторая вкладка – поиск. Используется для нахождения слов в документе. Он также может быть запущен с помощью комбинации клавиш «CTRL+SHIFT+F». Алгоритм использования довольно прост – вводим название в поиск и смотрим результат.

Система управления версиями – предназначена для взаимодействия с git.

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

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

Следующий блок – нижний статус-бар. В нем отображается общая информация о состоянии программы. Обратите внимание, что VS Code автоматически определяет язык программирования и информирует нас об этом.

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

Как видите, если пройтись по интерфейсу программы, то она уже не кажется такой сложной. Чтобы сделать все еще проще, давайте проведем русификацию всех элементов интерфейса. О том, как это сделать, поговорим далее.

Русификация Visual Studio Code

Чтобы провести русификацию программы, открываем вкладку с расширениями и прописываем запрос vscode-language-pack-ru. В результате будет отображен новый элемент с кнопкой «Install» – кликаем по ней и ожидаем завершения установки.

Перезагружаем программу и смотрим, что язык интерфейса был изменен на русский:

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

Внешний вид

Мы можем полностью изменить цветовую схему утилиты. Чтобы это сделать, воспользуемся комбинацией клавиш «CTRL+SHIFT+P» и введем запрос «theme». В отобразившемся списке выберем «Параметры: Цветовая тема».

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

После применения темы интерфейс примет следующий вид:

Обратите внимание, что это не весь список тем – вы можете установить и другие. Для этого пролистайте в самый низ списка и выберите «Установить дополнительные цветовые темы…». После этого в левой части отобразится дополнительный блок с доступными цветовыми решениями.

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

Управление проектами

По умолчанию Visual Studio Code поддерживает работу с несколькими проектами, однако перемещаться между ними не очень удобно. Для удобства обычно используют плагин под названием Project Manager. С его помощью открывается возможность перемещения между рабочими областями всего в один клик. Установка проходит через магазин расширений, о котором мы говорили ранее. После того как менеджер проектов будет установлен, в левой панели управления появится новая вкладка для работы с плагином.

Теперь работа с проектами не должна вызывать никаких трудностей.

Автоформатирование кода

Один из важных этапов программирования – умение приводить все к единому виду с правильными отступами. Для таких задач в VS Code есть специальные плагины, позволяющие форматировать весь текстовый документ. Это такие расширения, как PHP-CS-Fixer для PHP, Prettier для JS/HTML/CSS и другие.

Рассмотрим, как форматируется код, написанный на JavaScript:

Возьмем для примера функцию, отступы в которой выстроены случайным образом.
Устанавливаем плагин Prettier через магазин расширений и открываем документ, который нужно отформатировать. Зажимаем комбинацию клавиш «CTRL+SHIFT+P» и вводим запрос «Format Document».
Смотрим на код и видим, что он преобразился и принял аккуратный вид.

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

Автодополнение

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

По умолчанию функция автодополнения в Visual Studio Code доступна только для некоторых языков. Для прочих языков программирования существуют дополнительные пакеты с окончанием «intellisense».

Посмотреть, какие пакеты доступны, вы можете в магазине плагинов.

Рекомендую установить PHP Intellisense, CSS Intellisense и Path Intellisense.

Управление Vim

Vim – это свободный текстовый редактор, работающий на основе vi. По умолчанию он установлен на каждой операционной системе семейства Unix. Кроме того, он доступен и в Visual Studio Code. Для работы с ним потребуется установить расширение с аналогичным названием:

Теперь мы можем перемещаться по файлу клавишами h, j, k, l, использовать Esc и сохранять файл командой :w.

Отладка кода

Для того чтобы запустить код в VS Code, нам нужно воспользоваться одним из расширений. Например, для JavaScript подойдет Debugger for Chrome. Узнать, какое расширение необходимо для конкретного языка, можно через «Выполнить» -> «Установить дополнительные отладчики…».

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

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

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

Заключение

Сегодня мы разобрали функционал инструмента Visual Studio Code. Данная среда хороша не только для профессионалов, но и для новичков, изучающих основы программирования. Одно из преимуществ программы – это минимальное требование к железу: запустить программу можно практически на любом компьютере.

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

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