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

Открытие исходных файлов в 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 ) или открываете локальный файл.

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

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

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

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

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

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

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

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

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

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

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

Область применения:Visual Studio Visual Studio для Mac Visual Studio Code

Вы можете открыть код практически из любого типа проекта на основе каталога без необходимости в решении или файле проекта. Это значит, что вы можете, например, клонировать репозиторий 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 «.

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 в текстовое поле.
3. Нажмите кнопку Клонировать, чтобы клонировать файлы проекта в локальный репозиторий Git. Этот процесс может занять несколько минут в зависимости от размера репозитория.
4. После клонирования репозитория в систему выберите в Team Explorer команду Открыть в контекстном меню клонированного репозитория.
5. Чтобы просмотреть файлы в обозревателе решений, выберите команду Показать представление папки. Теперь вы можете просмотреть папки и файлы в клонированном репозитории, а также просмотреть код и выполнить поиск по нему в редакторе кода 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, но нужно установить соответствующие рабочие нагрузки. Также следует настроить скрипт запуска:

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, вы можете назначить этот проект в качестве автозапускаемого элемента.

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

См. также

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

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

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

Отслеживать

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

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

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

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 

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

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

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