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

Как открыть папку в visual studio code

  • автор:

Как в VS Code задать корневую папку по умолчанию?

Если выбираю Файл->Открыть папку, открывается диалоговое окно с моей пользовательской папкой Windows (C:\Users\MyUser) в качестве отправной точки. Каждый раз приходится путешествовать по проводнику, чтоб добраться до папки с проектами. Можно как-то изменить эту папку в настройках так, чтобы при открытии нового проекта отображалась начальная папка, например, D:\myprojects\ ?

  • Вопрос задан 18 февр. 2023
  • 1048 просмотров

4 комментария

Средний 4 комментария

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

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

Отслеживать

7,797 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 

Как в 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 на диске.
Текстовое поле «Исключить шаблон папки « Автоматически исключает папки из папки рабочей области.
Кнопка «Добавить» рядом с пунктом Исключенные папки Исключает папку из определенной рабочей области.
Кнопка «Добавить папку« Добавляет дополнительную рабочую область.

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

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