Как открыть папку с помощью visual studio code
По сути, Visual Studio Code является редактором кода. Как и многие другие редакторы кода, VS Code использует общий пользовательский интерфейс и макет проводника слева, показывая все файлы и папки, к которым у вас есть доступ, и редактор справа, показывающий содержимое файлов, которые вы открыли.
VS Code основан на файлах и папках - вы можете сразу начать работу, открыв файл или папку в VS Code.
VS Code поставляется с простой и интуитивно понятной компоновкой, которая максимизирует пространство, предоставляемое редактору, оставляя достаточно места для просмотра и доступа к полному контексту вашей папки или проекта. Пользовательский интерфейс разделен на пять областей:
- Редактор - основная область для редактирования ваших файлов. Вы можете открыть до трех редакторов рядом друг с другом.
- Side Bar - Содержит различные виды, такие как проводник, чтобы помочь вам при работе над вашим проектом.
- Строка состояния - информация об открытом проекте и файлах, которые вы редактируете.
- Панель активности - Расположенная на крайнем левом углу, это позволяет переключаться между представлениями и дает дополнительные индикаторы контекста, такие как количество исходящих изменений при включении Git.
- Панели - Вы можете отображать различные панели под областью редактора для вывода или отладки информации, ошибок и предупреждений или встроенного терминала.
Каждый раз, когда вы запускаете VS Code, он открывается в том же состоянии, в котором он находился, когда вы последний раз закрыли его. Папка, макет и открытые файлы сохраняются.
Открытые файлы в каждом редакторе отображаются с вкладками заголовков (вкладки) в верхней части области редактора. Чтобы узнать больше о заголовках с вкладками, см. Раздел Вкладки ниже.
Совет: Вы можете переместить боковую панель в правую сторону (В ид > Переместить боковую панель справа ) или переключить ее видимость ( Ctrl + B ).
У вас может быть до трех рабочих областей, открытых бок о бок. Если у вас уже открыта одна рабочая область, существует несколько способов открытия другой области в стороне от существующей:
Каждый раз, когда вы открываете другой файл, активная область отображает содержимое этого файла. Поэтому, если у вас есть два области рядом друг с другом, и вы хотите открыть файл foo.cs в редакторе справа, убедитесь, что область активна (щелкнув внутри нее) перед открытием файла 'foo.cs'.
Когда у вас открыто несколько областей, вы можете быстро переключаться между ними, удерживая клавишу Ctrl (Mac: Cmd ) и нажав 1 , 2 или 3 .
Совет: Вы можете изменить размеры областей и переупорядочить их. Перетащите область заголовка редактора, чтобы изменить размер области.
Мини-карта (общий вид) дает вам краткий обзор исходного кода, который очень полезен для быстрой навигации и понимания кода. Мини-карта файла показана в правой части редактора. Вы можете щелкнуть или задрапировать заштрихованную область, чтобы быстро перейти к различным разделам вашего файла.
Если вы хотите отключить мини-карту, вы можете установить "editor.minimap.enabled": false в настройках пользователя или рабочей области.
На изображении выше также показаны направляющие отступа (вертикальные линии), которые помогут вам быстро увидеть соответствующие уровни отступа. Если вы хотите отключить направляющие отступа, вы можете установить "editor.renderIndentGuides": false в настройках вашего пользователя или рабочей области.
Проводник используется для просмотра, открытия и управления всеми файлами и папками в вашем проекте.
После открытия папки в VS Code содержимое папки отображается в Проводнике. Вы можете сделать много вещей отсюда:
- Создавайте, удаляйте и переименовывайте файлы и папки.
- Перемещайте файлы и папки с помощью перетаскивания.
- Используйте контекстное меню, чтобы изучить все параметры.
Совет: Вы можете перетаскивать файлы в проводник из внешнего VS Code, чтобы скопировать их.
VS Code очень хорошо работает с другими инструментами, которые вы можете использовать, особенно с инструментами командной строки. Если вы хотите запустить средство командной строки в контексте папки, которую вы сейчас открыли в VS Code, щелкните правой кнопкой мыши папку и выберите Открыть в командной строке (или Открыть в терминале на Mac или Linux»).
Вы также можете перейти к местоположению файла или папки в основном проводнике, щелкнув правой кнопкой мыши на файле или папке и выбрав Показать в проводнике (или Показать в Finder на Mac или Открыть содержащую папку в Linux).
Совет: Нажмите Ctrl + P ( Quick Open ), чтобы быстро найти и открыть файл по его названию.
По умолчанию VS Code исключает некоторые папки из проводника (например .git ). Используйте параметр files.exclude , чтобы настроить правила для скрытия файлов и папок из проводника.
Совет: Это действительно полезно, чтобы скрыть файлы производных ресурсов, такие как \ *.Meta в Unity или \ *. Js в проекте TypeScript. Для Unity, чтобы исключить файлы \ *. Cs.meta , шаблон для выбора будет: "** / *. Cs.meta": true . Для TypeScript вы можете исключить сгенерированный JavaScript для файлов TypeScript с помощью: "** / *. Js": .
В верхней части Проводника находится раздел с надписью Открытые редакторы . Это список активных файлов или предварительный просмотр. Это файлы, которые вы ранее открывали в VS Code, над которым вы работаете. Например, файл будет указан в разделе ОТКРЫТЫЕ РЕДАКТОРЫ , если вы:
- Внесли изменения в файл.
- Дважды щелкнули заголовок файла.
- Дважды щелкните файл в проводнике.
- Открыли файл, который не является частью текущей папки.
Просто нажмите элемент в разделе ОТКРЫТЫЕ РЕДАКТОРЫ , и он станет активным в VS Code.
Как только вы закончите свою задачу, вы можете удалить файлы отдельно из раздела ОТКРЫТЫЕ РЕДАКТОРЫ , или вы можете удалить все файлы с помощью Вид: Закрыть все редакторы или Вид: закрыть всех редакторов в действиях группы .
Проводник файлов - это только один из видов, доступных в VS Code. Есть также:
- Поиск - Обеспечивает глобальный поиск и замену в открытой папке.
- Source Control - VS Code включает в себя управление версиями Git по умолчанию.
- Отладка - просмотр отладки VS Code отображает переменные, стеки вызовов и точки останова.
- Расширения - Устанавливайте и управляйте своими расширениями в VS Code.
VS Code одинаково доступен с клавиатуры. Наиболее важная комбинация клавиш - Ctrl + Shift + P , которая вызывает командную палитру. Отсюда вы получаете доступ ко всем функциям VS Code, включая сочетания клавиш для наиболее часто используемых операций.
Палитра команд обеспечивает доступ ко многим командам. Вы можете выполнять команды редактора, открывать файлы, искать символы и просматривать быстрый контур файла, используя одно и то же интерактивное окно. Вот несколько советов:
- Ctrl + P позволит вам перейти к любому файлу или символу, набрав его имя
- Ctrl + Shift + Tab проведет вас через последний набор открываемых файлов
- Ctrl + Shift + P приведет вас непосредственно к командам редактора
- Ctrl + Shift + O позволит вам перейти к определенному символу в файле
- Ctrl + G позволит вам перейти к определенной строке в файле
Введите ? в поле ввода, чтобы получить список доступных команд, которые вы можете выполнить здесь:
VS Code дает вам много возможностей для настройки редактора. В меню Вид вы можете скрыть или переключить различные части пользовательского интерфейса, такие как боковая панель , строка состояния и панель активности .
Вы можете скрыть панель меню в Windows и Linux с помощью команды Вид > Переключить панель меню Вы все равно можете получить доступ к строке меню, нажав клавишу Alt (настройка window.menuBarVisibility )
Большинство конфигураций редактора хранятся в настройках, которые могут быть изменены напрямую. Вы можете устанавливать параметры по всему миру с помощью пользовательских настроек или для каждого проекта / папки через настройки рабочей области. Значения настроек хранятся в файле settings.json .
- Выберите Файл > Настройки > Настройки (или нажмите Ctrl + Shift + P , введите user и нажмите Enter ), чтобы отредактировать файл user settings.json .
- Чтобы изменить параметры рабочей области, выберите Файл > Установки > Настройки и выберите вкладку НАСТРОЙКИ WORKSPACE (или нажмите Ctrl + Shift + P , введите worksp и нажмите Enter ), чтобы отредактировать файл настроек рабочего пространства.
Примечание: для пользователей Mac: меню Настройки находится в разделе Код , не файл . Например, Код> Настройки> Настройки .
Вы увидите настройки по умолчанию VS Code в левом окне и ваши редактируемые настройки settings.json справа. Вы можете легко фильтровать настройки в настройках по умолчанию, используя окно поиска вверху. Скопируйте настройку на редактируемый settings.json справа, щелкнув значок редактирования слева от настройки. Настройки с фиксированными заданными значениями позволяют вам выбрать значение как часть своего меню значков редактирования.
После редактирования ваших настроек введите Ctrl + S , чтобы сохранить изменения. Изменения вступят в силу немедленно.
Примечание: Параметры рабочей области переопределяют пользовательские настройки и полезны для совместного использования конкретных параметров проекта в команде.
Дзэн режим позволяет вам сфокусироваться на вашем коде, скрывая все пользовательские интерфейсы, кроме редактора (без панели действий, строки состояния, боковой панели) и перехода в полноэкранный режим. Дзэн режим можно переключать с помощью меню Вид , Палитра команд или сочетанием клавиш Ctrl + K Z . Двойное нажатие Esc выходит из дзэн режима. Переход в полноэкранный режим можно отключить с помощью zenMode.fullScreen . Дзэн режим можно дополнительно настроить следующими настройками: zenMode.hideStatusBar , zenMode.hideTabs , zenMode.fullScreen и zenMode.restore .
Visual Studio Code показывает открытые позиции с вкладками (заголовками с вкладками) в области заголовка над редактором.
Когда вы открываете файл, для этого файла добавляется новая вкладка.
Вкладки позволяют быстро перемещаться между элементами, и вы можете перетаскивать вкладки, чтобы переупорядочить их.
Когда у вас есть больше открытых элементов, чем может поместиться в области заголовка, вы можете использовать команду Показать открытые редакторы (доступную через кнопку еще . ), чтобы отобразить раскрывающееся меню с вкладками.
Если вы не хотите использовать вкладки, вы можете отключить эту функцию, установив для параметра workbench.editor.showTabs значение false:
См. Раздел ниже, чтобы оптимизировать VS Code при работе без вкладок.
По умолчанию новые вкладки добавляются справа от существующих вкладок, но вы можете контролировать, где вы хотите, чтобы новые вкладки отображались с настройкой workbench.editor.openPosition .
Например, вам можете показать открытие новых элементов с вкладками слева:
Когда вы щелкаете или выбираете файл в Проводнике, он отображается в режиме предварительного просмотра и повторно использует существующую вкладку. Это полезно, если вы быстро просматриваете файлы и не хотите, чтобы каждый просматриваемый файл имел свою собственную вкладку. Когда вы начнете редактировать файл или дважды щелкните его, чтобы открыть файл из проводника, для этого файла будет выделена новая вкладка.
Режим предварительного просмотра обозначается курсивом в заголовке вкладки:
Если вы предпочитаете не использовать режим предварительного просмотра и всегда создавать новую вкладку, вы можете управлять поведением с помощью этих настроек:
- Workbench.editor.enablePreview для глобального включения или отключения редакторов предварительного просмотра
- Workbench.editor.enablePreviewFromQuickOpen для включения или отключения редакторов предварительного просмотра при открытии из Quick Open
Когда вы разделяете редактор (используя команды Разделить редактор или Открыть в новой области ), создается новая область редактора, которая может содержать группу элементов. VS Code позволяет использовать до трех областей, которые обозначены как LEFT , CENTER и RIGHT .
Вы можете увидеть их в разделе ОТКРЫТЫЕ РЕДАКТОРЫ в верхней части окна проводника:
Вы можете перетаскивать области, перемещать отдельные вкладки между группами и быстро закрывать целые группы ( Закрыть все ).
Примечание: VS Code использует области независимо от того, включены ли вкладки. Без вкладок области представляют собой стек ваших открытых элементов с самым последним выбранным элементом, видимым в области редактора.
По умолчанию области размещаются в трех вертикальных столбцах. Если вы предпочитаете, вы можете изменить макет на три горизонтальные строки с областями, обозначенными как TOP , CENTER и BOTTOM .
Вы можете переключать компоновку группы редакторов между вертикальной и горизонтальной плоскостями:
- Вид > Переключить структуру группы редакторов .
- Вид: Переключить структуру группы редакторов / Компановку в палитре команд ( Ctrl + Shift + P )
- Кнопка переключения на панели инструментов Открыть редакторы
- Сочетание клавиш: Shift + Alt + 1
Вот несколько удобных сочетаний клавиш, чтобы быстро перемещаться между редакторами и областями.
Если вы хотите изменить стандартные сочетания клавиш, см. Раздел Сочетания клавиш.
- Ctrl + PageDown перейдите в правый редактор.
- Ctrl + PageUp перейдите в левый редактор.
- Ctrl + Tab откройте следующий редактор в списке групп редактора MRU.
- Ctrl + Shift + Tab открыть предыдущий редактор в списке групп редактора MRU.
- Ctrl + 1 перейдите в самую левую редакционную группу.
- Ctrl + 2 перейдите в группу центра редактирования.
- Ctrl + 3 перейдите в правую редакционную группу.
- Ctrl + K Ctrl + Left перейти к предыдущей группе редакторов.
- Ctrl + K Ctrl + Right переход к следующей группе редакторов.
- Ctrl + F4 закрыть активный редактор.
- Ctrl + K W закрыть все редакторы в группе редакторов.
- Ctrl + K Ctrl + W закрыть все редакторы.
Если вы предпочитаете не использовать вкладки (заголовки с вкладками), вы можете полностью отключить вкладки (заголовки с вкладками), установив для параметра workbench.editor.showTabs значение false.
Без вкладок раздел ОТКРЫТЫХ РЕДАКТОР File Explorer - это быстрый способ навигации по файлам. В режиме предварительного просмотра файлы не добавляются в список ОТКРЫТОГО РЕДАКТОРА или группу редакторов при открытии одного щелчка. Вы можете отключить эту функцию с помощью параметров workbench.editor.enablePreview и workbench.editor.enablePreviewFromQuickOpen .
Вы можете изменить привязки клавиш для Ctrl + Tab , чтобы показать список всех открытых редакторов из истории, не зависящих от активной группы редакторов.
Отредактируйте свои сочетания клавиш и добавьте следующее:
Если вам понравилось поведение VS Code, закрывающего целую группу при закрытии одного редактора, вы можете настроить следующее в своих горячих клавишах.
В VS Code есть некоторые опции для контроля того, как окна (экземпляры) должны быть открыты или восстановлены между сеансами.
Настройки window.openFoldersInNewWindow и window.openFilesInNewWindow предоставляются для настройки открытия новых окон или повторного использования последнего активного окна для файлов или папок, а возможные значения - default , on и off .
Если настроено на default , мы сделаем все возможное, чтобы повторно использовать окно или нет на основе контекста, из которого был сделан открытый запрос. Измените это, чтобы включить или выключить, чтобы всегда работало одинаково. Например, если вы считаете, что выбор файла или папки из меню Файл всегда должен открываться в новом окне, установите его в положение on .
Примечание: Могут быть случаи, когда этот параметр игнорируется (например, при использовании опции командной строки -new-window или -reuse-window ).
Параметр window.restoreWindows сообщает VS Code, как восстановить открытые окна предыдущего сеанса. По умолчанию VS Code снова откроет последнее открытое окно, в котором вы работали (настройка: one ). Измените этот параметр на none , чтобы никогда не открывать окна и никогда не начинать с пустого экземпляра VS Code. Измените на all чтобы восстановить все окна, над которыми вы работали во время предыдущего сеанса или на folders , только для восстановления окон, в которых были открыты папки.
Теперь, когда вы знаете общую схему VS Code, начните настраивать редактор так, как вам нравится работать, глядя на следующие темы:
-
- укажите тему и / или значка файла в соответствии с вашими предпочтениями.
В: Как изменить цвет направляющих отступа?
О: Цвета направляющих отступа настраиваются, как и большинство элементов интерфейса VS Code. Чтобы настроить цвет направляющих отступа для активной цветной темы, используйте параметр workbench.colorCustomizations и измените значение editorIndentGuide.background .
Например, чтобы сделать направляющие отступа яркими, добавьте следующие настройки в ваш settings.json :
При установке VS Code у нас есть возможность установить флажок Open with Code . Ставил галочку только для файлов, а не для папок. Так как после установки включить?
Когда я открываю файл:
Когда открываю папку:
Я хочу, чтобы параметр Open with Code щелкал правой кнопкой мыши по папке, как это показано на файлах.
2 ответа
ответ от @dqureshiumar правильный, если вы уже отметили этот параметр во время установки VS Code. Но, возможно, вы его не проверяли и не хотите или не можете переустановить прямо сейчас. Или может быть, вам нужно больше гибкости в действиях, отображаемых при щелчке правой кнопкой мыши по папке .
Таким образом, вы можете создавать собственные действия с папками в реестре Windows:
- Нажмите ⊞ Win + R и введите regedit .
- Перейдите к пути HKEY_CLASSES_ROOT\Directory\shell .
- Щелкните правой кнопкой мыши и создайте новый Key с именем vscode .
- В (Default) REG_SZ введите желаемый текст, например Open with Code .
- При желании можно создать ключ Icon , указывающий на путь Code.exe (скорее всего, "%LocalAppData%\Programs\Microsoft VS Code\Code.exe" ).
На данный момент примерно так:
Однако внутри regedit продолжайте:
- Создайте еще один новый Key с именем command внутри vscode .
- В (Default) REG_SZ установите действие, открывающее текущий путь ( "%1" ) на основе вашего Code.exe пути (скорее всего, "%LocalAppData%\Programs\Microsoft VS Code\Code.exe" "%1" ).
Теперь посмотрите что-то вроде этого:
Наконец, перейдите в проводник Windows и щелкните правой кнопкой мыши любую папку:
Он обновляется по запросу, поэтому вы также можете поиграть с текстом, значком и командой, чтобы попробовать свои собственные действия, если хотите. Справочник по интерфейсу командной строки VS Code может быть полезен, если вы хотите поиграть с другие возможности, такие как добавление выбранной папки в текущую рабочую область.
PS: иметь дело с regedit может быть опасно. Используйте его с осторожностью и создайте резервную копию .reg перед запуском, если у вас еще нет опыта в этом.
Установив поддержку Python в Visual Studio 2019, вы сможете легко перенести существующий код Python в Visual Studio 2019 без необходимости создавать проект Visual Studio.
В Visual Studio 2017 и более ранних версиях для выполнения кода Python нужно всегда создавать проект Visual Studio, что можно легко сделать с помощью встроенного шаблона проекта. Подробнее см. в кратком руководстве по созданию проекта Python на основе существующего кода.
Запустите Visual Studio 2019 и в начальном окне выберите Открыть в нижней части столбца Приступить к работе. Если вы уже запустили Visual Studio, просто выберите Файл > Открыть > Папка.
Перейдите к папке с кодом Python и щелкните Выбрать папку. Если вы используете код python_koans, не забудьте выбрать папку python3 в клонированной папке.
Visual Studio отображает папку в обозревателе решений в виде представления папки. Здесь вы можете разворачивать и сворачивать папки с помощью стрелок в левой части имени папки:
Когда вы открываете папку Python, Visual Studio создает несколько скрытых папок для управления параметрами, связанными с проектом. Чтобы увидеть эти папки (и любые другие скрытые файлы и папки, например папку .git), нажмите кнопку Показать все файлы на панели инструментов:
Чтобы запустить код, определите файл запуска (основной файл программы). В нашем примере используется файл запуска contemplate-koans.py. Щелкните этот файл правой кнопкой мыши и выберите пункт Задать как файл запуска.
Если выбранный элемент запуска не находится в открытой корневой папке, добавьте в JSON-файл конфигурации запуска строку, как описано в разделе о настройке рабочего каталога.
Запустите код, нажав клавиши CTRL+F5 или выбрав Отладка > Запуск без отладки. Вы также можете нажать на панели инструментов кнопку, на которой изображен символ воспроизведения. Эта кнопка запускает код в отладчике Visual Studio. Во всех случаях Visual Studio обнаружит, что выбранный элемент запуска является файлом Python, и автоматически выполнит код в окружении Python по умолчанию. (Это окружение отображается справа от элемента запуска на панели инструментов.)
Выходные данные программы отображаются в отдельном командном окне:
Чтобы выполнить код в другом окружении, выберите нужное окружение из раскрывающегося списка на панели инструментов, а затем снова запустите элемент запуска.
Чтобы закрыть папку в Visual Studio, выберите в меню команду Файл > Закрыть папку.
Настройка рабочего каталога
В таком случае следует добавить в JSON-файл конфигурации запуска дополнительную строку, которая указывает рабочий каталог:
Щелкните правой кнопкой мыши файл запуска Python ( .py) в обозревателе решений и выберите Параметры отладки и запуска.
В открывшемся диалоговом окне Запуск отладчика выберите вариант По умолчанию и щелкните Выбрать.
Если вы не видите здесь вариант По умолчанию, убедитесь, что вы выбрали команду Параметры отладки и запуска именно для файла Python с расширением .py. В Visual Studio тип файла определяет отображаемые варианты действий в отладчике.
Visual Studio откроет файл с именем launch.vs.json, расположенный в скрытой папке .vs. Этот файл описывает контекст отладки для проекта. Чтобы указать рабочую папку, добавьте значение для параметра "workingDirectory" , как в "workingDirectory": "python3" для примера python-koans:
Сохраните файл и снова запустите программу. Теперь она выполняется в указанной папке.
Visual Studio Code, вместе с расширением Remote-WSL, позволяет использовать WSL в качестве среды разработки для полной времени непосредственно из VS Code. Все они перечислены ниже.
- Разработка в среде под управлением Linux
- Использование цепочек инструментов и служебных программ для Linux
- запускайте и отлаживать приложения Linux с помощью Windows и сохраняя доступ к средствам повышения производительности, таким как Outlook и Office
- использование встроенного терминала VS Code для запуска дистрибутива Linux по выбору
- воспользуйтесь преимуществами VS Code функций, таких как завершение кода Intellisense, linting, поддержка отладки, фрагменты кодаи модульное тестирование .
- простота управления версиями с помощью встроенной поддержки Git VS Code
- выполнение команд и VS Code расширений непосредственно в проектах WSL
- изменение файлов в Linux или смонтированной Windows файловой системе (например,/мнт/к) без беспокойства о проблемах с путями, двоичной совместимости или других трудностей между операционными системами
установка VS Code и расширения Remote WSL
перейдите на страницу установки VS Code и выберите двоичный установщик 32 или 64. установите Visual Studio Code на Windows (а не в файловую систему WSL).
При появлении запроса на Выбор дополнительных задач во время установки обязательно установите флажок Добавить в путь , чтобы можно было легко открыть папку в WSL с помощью команды Code.
Установите Пакет расширений для удаленной разработки. Этот пакет расширений включает расширение Remote-WSL в дополнение к расширениям Remote-SSH и Remote-Container, что позволяет открывать любую папку в контейнере, на удаленном компьютере или в WSL.
Чтобы установить расширение Remote-WSL, потребуется версия 1,35 или более поздняя VS Code. не рекомендуется использовать WSL в VS Code без расширения Remote-WSL, так как будет потеряна поддержка автоматического завершения, отладки, linting и т. д. Забавный факт. это расширение WSL устанавливается в $HOME/.вскоде/екстенсионс (введите команду ls $HOME\.vscode\extensions\ в PowerShell).
Обновление дистрибутива Linux
в некоторых дистрибутивах WSL Linux отсутствуют библиотеки, необходимые для запуска сервера VS Code. Вы можете добавить дополнительные библиотеки в дистрибутив Linux с помощью диспетчера пакетов.
Например, чтобы обновить Debian или Ubuntu, используйте:
Чтобы добавить wget (для получения содержимого с веб-серверов) и CA-Certificates (чтобы разрешить приложениям на основе SSL проверять подлинность SSL-соединений), введите:
Откройте проект WSL в Visual Studio Code
Из командной строки
Чтобы открыть проект из дистрибутива WSL, откройте командную строку распространения и введите: 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 Remote в WSL сценарии запуска оболочки запускаться не будут. Дополнительные сведения о выполнении дополнительных команд или изменении среды см. в этой статье о сценариях расширенной настройки среды .
возникли проблемы при запуске VS Code из командной строки WSL? В этом руководство по устранению неполадок содержатся советы по изменению переменных пути, устранению ошибок расширения, связанных с отсутствием зависимостей, устранению проблем с завершением строк Git, установке локального VSIX на удаленном компьютере, запуску окна браузера, порту localhost для блокировки, веб-сокеты не работают, ошибки при хранении данных расширения и многое другое.
Установка Git (необязательно)
Если вы планируете работать совместно с другими пользователями или размещать проект на сайте с открытым исходным кодом (например, GitHub), примите во внимание, что VS Code поддерживает управление версиями с помощью Git. Вкладка системы управления версиями в VS Code отслеживает все изменения и содержит общие команды Git (добавление, фиксация, принудительная отправка, извлечение) прямо в пользовательском интерфейсе.
Установка Терминала Windows (необязательно)
новая Терминал Windows включает несколько вкладок (быстро переключаться между дистрибутивами командной строки, PowerShell или несколькими установочными областями Linux), пользовательскими привязками клавиш (создайте собственные сочетания клавиш для открытия и закрытия вкладок, копирования и вставки и т. д.), эмодзи ☺ и пользовательских тем (цветовые схемы, стили и размеры шрифтов, фоновое изображение, размытие и прозрачность). Дополнительные сведения см. в документации по Терминалу Windows.
После установки откройте Терминал Windows и щелкните Параметры, чтобы настроить Терминал использовать файл profile.json .
Эксперимент Open source files in Visual Studio Code позволяет использовать Microsoft Edge DevTools, а затем изменять файлы в Visual Studio Code, а не в редакторе кода средства DevTools Sources.
Если вы используете Visual Studio Code и используете DevTools для изменения правил CSS, кажется странным, что вместо использования редактора кода в Visual Studio Code, необходимо использовать редактор кода в средстве Источники DevTools. В этом эксперименте мы хотим изменить это. Вот почему мы добавили новый эксперимент в средства разработчика. При включив файлы с открытым исходным кодом в Visual Studio Code эксперименте, локальные файлы получат другое отношение.
Настройка редактирования локальных файлов в Visual Studio Code
Сначала выберите исходные файлы DevTools > Параметры > ExperimentsOpen > в Visual Studio Code, а затем повторно запустите DevTools.
Когда вы открываете DevTools, вам будет предложено определить корневую папку. Вы можете отказаться, выбрав кнопку Закрыть ( x ) или нажать кнопку Don't show again . Дополнительные сведения можно получить, выбрав ссылку Learn more .
Если выбрать кнопку Set root folder , операционная система подсказит вам перейти к папке и выбрать ее.
После выбора корневой папки необходимо предоставить DevTools полный доступ к папке. Над панелью инструментов запрос с кнопками Разрешить или **** Запретить задает вопрос о том, следует ли предоставлять разрешение devTools на доступ к папке.
После предоставления разрешения выбранная папка добавляется в качестве рабочей области в DevTools на вкладке Filesystem средства Sources . Это означает, что любой файл, который вы редактируете в DevTools, теперь открывается в Microsoft Visual Studio коде, а не в средстве Sources. В качестве индикатора мы показывем linked значок рядом с именем файла. В этом примере мы выберем ссылку в base.css инструменте Styles .
DevTools открывает экземпляр Visual Studio Code и показывает все файлы в корневой папке. DevTools также открывает выбранный файл, прокрутки в правильную строку селектора CSS.
Все изменения, внесенные в файл в DevTools, теперь синхронизируются с Visual Studio Code. Например, если background: green добавить правило в стили тела, то это же правило CSS base.css автоматически будет добавлено в файл в редакторе кода Visual Studio Code.
Изменение параметров рабочего пространства
Если вы перейдите на страницу DevTools Параметры, выбрав Параметры ( Shift + ? значок шестеренки или), вы можете изменить поведение эксперимента. При выборе страницы Workspace в Параметры у вас есть несколько вариантов.
На Параметры > Workspace перечислены ваши области работы, а также параметры конфигурации.
Чтобы определить, следует ли открывать исходные файлы в Visual Studio Code, выберите файлы с открытым исходным кодом в Visual Studio Code почтовом ящике.
Чтобы автоматически сохранить изменения DevTools на диске, выберите изменения Save DevTools в почтовый ящик диска.
Чтобы автоматически исключить папки из папки рабочего пространства, используйте текстовое поле Folder exclude pattern .
Чтобы исключить папку из определенного рабочего пространства, рядом с исключенными папками выберите кнопку Добавить .
Чтобы добавить дополнительное рабочее пространство, выберите кнопку Добавить папку .
Читайте также: