Перейти к содержимому

Как открыть папку с помощью visual studio code

  • автор:

Разработка кода в Visual Studio без использования проектов и решений

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

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

Если вы ищете сведения, относящиеся к VS Code, перейдите на страницу «Начало работы с Visual Studio Code «.

Открытие любого кода

Ниже представлены способы открытия кода в Visual Studio:

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

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

Открытие нескольких папок

Начиная с Visual Studio 2022 версии 17.9 ( предварительная версия 1) можно указать несколько папок, которые будут открываться в Visual Studio. Открытие нескольких папок особенно полезно в репозиториях кода с большим количеством несвязанного кода, и разработчику требуется только подмножество для выполнения некоторых действий.

  • В строке меню Visual Studio выберите команду «Открыть>рабочую область«>и перейдите к расположению .code-workspace файла.
  • Ожидается, .code-workspace что сам файл будет файлом. Схема JSON, которая выглядит следующим образом:
< "folders" : [ < "path" : "some\\child\\foo", "name" : "The Foo" >, < "path" : "..\\..\\some\\unrelated\\bar" >, < "path" : "C:\\a\\full\\path\\baz" >, < "path" : "$\\foobar" > ] > 

Каждое «path» значение может быть любым относительным путем или корневым путем. Корневые пути должны находиться в той же букве диска. Переменные среды можно использовать с синтаксисом $ . Свойство «name» можно использовать для создания визуального псевдонима для папки в Обозреватель решений.

Открытие кода из клонированного репозитория GitHub

В примере ниже объясняется, как клонировать репозиторий GitHub, а затем открыть содержащийся в нем код в Visual Studio. Для этого необходимо иметь учетную запись GitHub и установленный в системе Git для Windows. Дополнительные сведения см. в статье «Создание учетной записи GitHub для использования с Visual Studio и Git для Windows «.

GitHub clone button

  1. Перейдите в репозиторий, который нужно клонировать, на сайте GitHub.
  2. Нажмите кнопку Clone or Download (Клонировать или скачать), а затем в раскрывающемся меню выберите Copy to Clipboard (Копировать в буфер обмена), чтобы копировать защищенный URL-адрес для репозитория GitHub.
Использование Git в Visual Studio

Начиная с Visual Studio 2019 версии 16.8, мы представили новый, оптимизированный интерфейс Git, который можно использовать для взаимодействия с файлами на GitHub. Дополнительные сведения см. в документации по управлению версиями Visual Studio.

Использование команды Обозреватель в Visual Studio

Вы по-прежнему можете использовать командную Обозреватель в Visual Studio 2022 и Visual Studio 2019 версии 16.8 и более поздних версий. Однако вы можете упростить использование нового интерфейса Git. Дополнительные сведения см. в статье о том, как Visual Studio упрощает управление версиями с помощью Git.

  1. Чтобы открыть Team Explorer, в Visual Studio выберите вкладку Team Explorer. Если эта вкладка не отображается, откройте ее, выбрав Вид>Team Explorer.
  2. В Team Explorer выберите команду Клонировать, которая располагается в разделе Локальные репозитории Git, а затем вставьте URL-адрес страницы GitHub в текстовое поле. Clone the project
  3. Нажмите кнопку Клонировать, чтобы клонировать файлы проекта в локальный репозиторий Git. Этот процесс может занять несколько минут в зависимости от размера репозитория.
  4. После клонирования репозитория в систему выберите в Team Explorer команду Открыть в контекстном меню клонированного репозитория. Cloned repo
  5. Чтобы просмотреть файлы в обозревателе решений, выберите команду Показать представление папки. Show folder viewТеперь вы можете просмотреть папки и файлы в клонированном репозитории, а также просмотреть код и выполнить поиск по нему в редакторе кода Visual Studio, где доступна цветовая маркировка синтаксиса и другие возможности.

Выполнение и отладка кода

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

Настройка Visual Studio для выполнения кода будет разной для разных типов кода и используемых средств сборки.

Базы кода на основе MSBuild

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

Для баз кода C# и Visual Basic необходимо установить рабочую нагрузку Разработка классических приложений .NET. Для баз кода C++ необходимо установить рабочую нагрузку Разработка классических приложений на C++.

Базы кода на основе пользовательских средств сборки

Если для вашей базы кода применяются пользовательские средства сборки, нужно указать в Visual Studio правила сборки кода с помощью задач сборки, которые определяются в файле JSON. Дополнительные сведения см. в статье Настройка задач сборки и отладки для режима разработки «Открытая папка».

Базы кода с кодом Python или JavaScript

Если база кода содержит код на Python или JavaScript, вам не нужно настраивать файлы JSON, но нужно установить соответствующие рабочие нагрузки. Также следует настроить скрипт запуска:

Node.js and Python development workloads

  1. Установите рабочую нагрузку Разработка Node.js или Разработка на Python. Для этого последовательно выберите Средства>Получить средства и компоненты или закройте Visual Studio и запустите Visual Studio Installer.
  2. В обозревателе решений щелкните правой кнопкой мыши файл JavaScript или Python и в контекстном меню выберите команду Назначить автозапускаемым элементом.
  3. Нажмите кнопку Запустить, чтобы начать отладку.

Базы кода с кодом C++

Сведения о том, как открыть код C++ в Visual Studio без создания решений или проектов, вы найдете в статье Open Folder projects for C++ (Проекты «Открыть папку» для C++).

Базы кода, содержащие проект Visual Studio

Если папка с кодом содержит проект Visual Studio, вы можете назначить этот проект в качестве автозапускаемого элемента.

Set project as startup item

Текст кнопки запуска изменится на имя проекта, назначенного автозапускаемым элементом.

Project on Start button

Связанный контент

  • Настройка задач сборки и отладки для режима разработки «Открытая папка»
  • Open Folder projects for C++ (Проекты «Открыть папку» для C++)
  • CMake projects in C++ (Проекты CMake в C++)
  • Написание кода в редакторе кода и текста

Как в visual studio code запустить html

Самый простой способ — открыть папку с файлами через проводник, выбрать необходимый файл, щелкнуть по нему правой кнопкой мыши и выбрать в разделе «Открыть с помощью» VS Code. Далее можно заняться редактированием файла. Вы увидите результат вёрстки в браузере, но это не слишком удобно — при любых изменениях придётся переходить в браузер и обновлять страницу. Можно немного облегчить этот вопрос с помощью установки расширения в VS Code — Live Server . Давайте настроим всё так, чтобы наша страничка открывалась сама и обновлялась, если вы что-то изменили в разметке или стилях. Для установки расширения нужно в VS Code нажать кнопку которая откроет магазин дополнений, вбить в поиске название — и нажать Install. Другой способ — скачать Live Server из магазина расширений по ссылке выше, но это менее удобно.

enter image description here

После установки расширения и запуска вашего HTML-файла нужно нажать кнопку «Go live», в результате откроется окно браузера с вашей страницей. При попытке изменения файла — будет происходить автоматическое обновление страницы браузера.

Открытие исходных файлов в Visual Studio Code

Эксперимент с открытым исходным кодом в Visual Studio Code позволяет использовать Средства разработки Microsoft Edge, а затем редактировать файлы в Visual Studio Code, а не в редакторе кода средства DevTools Sources.

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

Настройка редактирования локальных файлов в Visual Studio Code

Сначала выберите Параметры средств разработки>>Эксперименты>Открытые исходные файлы в Visual Studio Code, а затем снова запустите Средства разработки.

Если этот эксперимент включен, предположим, что в Microsoft Edge вы переходите на локальный сервер (например http://localhost , или http://127.0.0.1 ) или открываете локальный файл.

Microsoft Edge с открытым локальным файлом

При открытии средств разработки вам будет предложено определить корневую папку. Вы можете отказаться, нажав кнопку Закрыть ( x ) или нажав кнопку Don’t show again . Дополнительные сведения можно получить, щелкнув ссылку Learn more .

Средства разработчика, показывающие информационную панель с запросом на идентификацию корневой папки

Если нажать кнопку Задать корневую папку , операционная система предложит перейти к папке и выбрать ее.

Выбор расположения корневой папки с помощью диспетчера файлов операционной системы

После выбора корневой папки необходимо предоставить devTools полный доступ к ней. Над панелью инструментов появится запрос с кнопками «Разрешить » или «Запретить » с запросом на предоставление разрешения на доступ к папке средствам разработки.

DevTools запрашивает доступ к папке

После предоставления разрешения выбранная папка будет добавлена в качестве рабочей области в средствах разработки на вкладке Файловая система средства Источники . Это означает, что любой файл, который вы редактируете в средствах разработки, теперь открывается в Microsoft Visual Studio Code, а не в средстве Источники. В качестве индикатора мы показываем linked значок рядом с именем файла. В этом примере мы выберем ссылку base.css в средстве Стили .

При выборе ссылки на файл в средстве Стили файл открывается в Visual Studio Code

DevTools открывает экземпляр Visual Studio Code и отображает все файлы в корневой папке. DevTools также открывает выбранный файл, прокручиваемый до правильной строки селектора CSS.

Visual Studio Code открыть с файлами корневой папки и выбранным файлом

Все изменения, внесенные в файл в средствах разработки, теперь будут синхронизированы с Visual Studio Code. Например, если изменить background green значение для стилей текста, то одно и то же правило CSS будет автоматически добавлено base.css в файл в редакторе кода Visual Studio Code.

Изменения в коде в средстве

Изменение параметров рабочей области

Чтобы изменить поведение файлов с открытым исходным кодом в эксперименте Visual Studio Code, перейдите на страницу Параметры средств разработки, щелкнув Параметры (значок шестеренки) или нажав клавиши SHIFT+?, а затем выберите страницу Рабочая область:

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

На странице Параметры>рабочей области перечислены рабочие области, а также следующие параметры конфигурации:

Элемент управления пользовательского интерфейса Описание
Флажок «Открыть исходные файлы в Visual Studio Code« Задает, следует ли открытый код файлы в Visual Studio Code.
Сохранить изменения в средствах разработки на диске Автоматически сохраняет изменения DevTools на диске.
Текстовое поле «Исключить шаблон папки « Автоматически исключает папки из папки рабочей области.
Кнопка «Добавить» рядом с пунктом Исключенные папки Исключает папку из определенной рабочей области.
Кнопка «Добавить папку« Добавляет дополнительную рабочую область.

Как открыть VS code в папке?

Нажимаю сочетание клавиш shift + ПКМ, у меня только «Открыть окно команд». Нужно открыть VS code. Нужен такой результат Моя проблема

Отслеживать

7,822 13 13 золотых знаков 25 25 серебряных знаков 55 55 бронзовых знаков

задан 29 авг 2020 в 8:48

63 1 1 серебряный знак 8 8 бронзовых знаков

2 ответа 2

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

Самый простой вариант, это переустановить VS Code и при установке отметить галочками «Add path to exlorer». Второй вариант это создать текстовый файл, который потом переименовать в любое_название.reg со следующим содержанием (Внимание, это сработает, только при условии, что Vs Code установлен в папку по умолчанию!):

Windows Registry Editor Version 5.00 [HKEY_CURRENT_USER\Software\Classes\*\shell\VSCode] @=hex(2):4f,00,70,00,65,00,6e,00,20,00,77,00,69,00,74,00,68,00,20,00,43,00,26,\ 00,6f,00,64,00,65,00,00,00 "Icon"=hex(2):43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,00,00 [HKEY_CURRENT_USER\Software\Classes\*\shell\VSCode\command] @=hex(2):22,00,43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,22,00,20,00,22,00,25,00,31,00,\ 22,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\Background\shell\VSCode] @=hex(2):4f,00,70,00,65,00,6e,00,20,00,77,00,69,00,74,00,68,00,20,00,43,00,26,\ 00,6f,00,64,00,65,00,00,00 "Icon"=hex(2):43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\Background\shell\VSCode\command] @=hex(2):22,00,43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,22,00,20,00,22,00,25,00,56,00,\ 22,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\shell\VSCode] @=hex(2):4f,00,70,00,65,00,6e,00,20,00,77,00,69,00,74,00,68,00,20,00,43,00,26,\ 00,6f,00,64,00,65,00,00,00 "Icon"=hex(2):43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\shell\VSCode\command] @=hex(2):22,00,43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,22,00,20,00,22,00,25,00,56,00,\ 22,00,00,00 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Luxury Car Rental in Miami | Reserve a Premium Vehicle with RealCar