Как открыть папку с помощью кода Visual Studio

Обновлено: 20.11.2024

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

Я. Введение

Что такое «текстовые редакторы»?

Текстовые редакторы, также называемые редакторами кода, представляют собой приложения, используемые разработчиками для написания кода. Они могут выделить и отформатировать ваш код, чтобы его было легче читать и понимать. Если вы использовали Codecademy, вы уже знакомы с текстовым редактором. Это область, в которой вы пишете свой код.

Использование текстового редактора является частью создания вашей "среды разработки", набора инструментов, которые вы используете для работы над проектами кодирования. Это позволит вам взять то, чему вы научились на Codecademy, и применить это на практике, когда вы работаете над проектами на своем компьютере. Это не только познакомит вас с инструментами, которые обычно используются профессиональными разработчиками, но также означает, что вы выросли как разработчик и готовы начать работать самостоятельно — отличная работа!

Текстовые редакторы, предназначенные для написания кода, имеют ряд преимуществ:

  • Подсветка синтаксиса для конкретного языка
  • Автоматический отступ кода
  • Цветовые схемы в соответствии с вашими предпочтениями и облегчают чтение кода.
  • Подключаемые модули или дополнительные программы для обнаружения ошибок в коде.
  • Древовидное представление или визуальное представление папок и файлов проекта для удобной навигации по проекту.
  • Сочетания клавиш или их комбинации для ускорения разработки

Возможно, вы также читали или слышали об интегрированных средах разработки или «интегрированных редакторах разработки». IDE позволяет не только редактировать, но также компилировать и отлаживать код с помощью одного приложения или интерфейса. Хотя текстовый редактор, который мы рекомендуем, не считается IDE, он имеет множество функций, подобных IDE, которые упрощают жизнь разработчика, не требуя большого количества ресурсов, которые обычно требуются для IDE. Лучшее из обоих миров!

Выбор текстового редактора

На выбор предлагается несколько текстовых редакторов. Например, Visual Studio Code — один из самых популярных текстовых редакторов, используемых разработчиками. (Это Visual Studio Code, а не Visual Studio, который немного отличается. Нам нужен первый, тот, в названии которого есть «Code».) Другими популярными текстовыми редакторами, о которых вы, возможно, слышали, являются Atom и Sublime Text.

  • Бесплатно
  • Открытый исходный код (это означает, что код программы можно просматривать, изменять и публиковать)
  • Функции, подобные IDE
  • Поддерживается большим сообществом пользователей и Microsoft

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

II. Установка кода Visual Studio

Итак, мы выбрали наш текстовый редактор, теперь нам просто нужно установить его на наш компьютер!

Видеоинструкции

В этом видео показано, как загрузить и установить Visual Studio Code. Письменные инструкции приведены ниже.

Этапы установки

Процесс установки для компьютеров под управлением macOS, Windows и Linux (в частности, Ubuntu и Debian) будет очень похожим, и использование Visual Studio Code на всех них будет одинаковым.

Посетите веб-сайт Visual Studio Code, чтобы загрузить последнюю версию Visual Studio Code.

Вы должны увидеть, что отображается операционная система вашего компьютера, но если она неверна, нажмите стрелку вниз и найдите параметр, соответствующий вашей операционной системе, в раскрывающемся меню, а затем щелкните значок стрелки вниз в разделе «Стабильная».< /p>

Пользователи Windows: будет загружена последняя версия Visual Studio Code в виде файла .exe.

Пользователи Mac: будет загружена последняя версия Visual Studio Code для Mac в виде ZIP-файла.

Пользователи Linux: .deb и .rpm — это разные типы файлов для хранения данных. Мы предлагаем вам скачать файл .deb, чтобы автоматические обновления работали так, как предлагает документация Visual Studio Code.

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

Пользователи Windows: откройте файл .exe, щелкнув его, и запустите программу установки. Продолжайте нажимать «Далее», а затем «Готово».

Пользователям Mac: загруженный ZIP-файл должен находиться в папке «Загрузки». Откройте файл. Если вы видите это сообщение, выберите «Открыть».

Пользователям Linux: загруженный файл должен находиться в папке «Загрузки».

Найдите его в файловом менеджере, дважды щелкните и выберите «Установить» в центре программного обеспечения с графическим интерфейсом или выполните следующие команды по одной в терминале:

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

Пользователи Windows: он будет автоматически помещен в меню "Пуск".

Пользователи Mac: нажмите и перетащите значок Visual Studio Code из папки "Загрузки" в папку "Приложения".

Пользователи Linux: он должен появиться на панели задач программ.

Вот и все, вы успешно установили текстовый редактор и готовы приступить к написанию кода!

III. Практика: используйте Visual Studio Code для запуска проекта вне платформы

По мере прохождения различных уроков и путей в Codecademy вам может понадобиться создать проект на своем компьютере, а не в учебной среде Codecademy. Это может быть непросто, но это увлекательный шаг, сигнализирующий о том, что вы готовы работать самостоятельно.

Для этого нам понадобится текстовый редактор, который мы установили выше. Давайте на минутку попробуем Visual Studio Code.

Что такое «папки разработки»?

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

Большинство разработчиков хранят свои проекты в удобном для поиска каталоге (который вы, возможно, привыкли называть «папкой»). Здесь, в Codecademy, мы рекомендуем называть этот каталог проектами. Он будет хранить все ваши проекты кодирования. Всякий раз, когда вы создаете новый проект, независимо от того, насколько он мал, вы всегда должны создавать новую папку внутри каталога ваших проектов. Вы обнаружите, что проекты из одного файла могут быстро превратиться в большие проекты с несколькими папками.

Практика: создадим проект

Ниже приведены шаги, которые необходимо выполнить, чтобы создать новую папку для всех ваших программных проектов. Вы также узнаете, как загрузить новую папку проекта в Visual Studio Code и создать свой первый HTML-проект «Hello World».

Мы рекомендуем вам просмотреть приведенное выше видео, а затем выполнить описанные ниже действия.

1. Создайте папку разработки.

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

Пользователи Mac: это может быть ваша учетная запись пользователя или папка «Домашняя».

Пользователи Windows: вы можете сохранить это на диск C.

Пользователям Linux: вы можете сохранить это в папке пользователя в папке «Домашняя».

В папке проектов создайте новую папку с именем HelloWorld. Все, что вы добавите в эту папку, станет частью вашего проекта HelloWorld.

2. Откройте код Visual Studio
3. Откройте папку разработки

Нажмите значок «Проводник» в меню слева, затем нажмите кнопку «Открыть папку» и выберите папку разработки. Это запустит ваш файловый менеджер.

Перейдите к папке HelloWorld и выберите Открыть. Папка откроется на боковой панели Visual Studio Code. На данный момент в папке не должно быть содержимого. Мы добавим файл на следующем шаге.

4. Добавьте файл.

Прежде чем вы научитесь добавлять файлы в папку проекта, важно понять назначение расширений файлов. Расширение файла — это суффикс имени файла (последние 3 или 4 символа в имени файла, которым предшествует точка) и описывает тип содержимого, содержащегося в файле. Например, расширение HTML-файла — .html, и оно указывает браузеру (и другим приложениям) интерпретировать содержимое файла как HTML-документ. После того как Visual Studio Code загрузит папку проекта, вы можете добавлять файлы. Шаги ниже описывают, как добавить файлы. Не беспокойтесь о том, чтобы сделать это на своем собственном компьютере. Мы вернемся к этому позже.

На панели проводника Visual Studio Code щелкните имя папки разработки. Вы увидите четыре значка справа от имени папки. Щелкните значок «Новый файл». Введите имя нового файла с соответствующим расширением (например, .html, .css, .csv). Крайне важно указать правильное расширение файла, чтобы такие программы, как линтеры, знали, как интерпретировать его содержимое. Когда закончите, нажмите Enter.

5. Начинайте программировать!

Скопируйте и вставьте следующий стандартный HTML-код:

Почаще сохраняйте файл с помощью функции автоматического сохранения и отслеживайте изменения с помощью системы контроля версий, если вы знаете, как ею пользоваться. (Чтобы включить автосохранение, нажмите «Файл», а затем «Автосохранение». Когда оно включено, вы увидите галочку рядом с «Автосохранение».) Это уменьшит вероятность потери несохраненной работы.

Расширения файлов и подсветка синтаксиса

Синтаксис – это набор правил, которые говорят нам, как создавать правильно написанный код. Visual Studio Code и другие текстовые редакторы могут интерпретировать расширения файлов и обеспечивать подсветку синтаксиса для конкретного языка. Подсветка синтаксиса — это инструмент, облегчающий чтение кода.Взгляните на свой файл index.html. Текст и теги разного цвета. Вот как Visual Studio Code выделяет синтаксис .html. С каждым новым языком, который вы изучаете, Visual Studio Code будет выделять текст таким образом, чтобы ваш код было легко читать. Это может отличаться от других текстовых редакторов, а также отличаться от того, как ваш код выделяется в Codecademy.

Необязательно: измените цветовую схему

Хотя Visual Studio Code поставляется с подсветкой синтаксиса по умолчанию, вы можете изменить используемые цвета. Хорошие цветовые темы сделают чтение всех этих строк кода легким для ваших глаз. (Попробуйте низкоконтрастные темные темы, такие как «Solarized Dark» или «Dracula Dark».)

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

6. Просмотрите свой HTML-файл в браузере

На этом этапе ваш файл готов для просмотра в веб-браузере. Следующие шаги следует предпринять вне Visual Studio Code:

Перейдите к файлу index.html в папке Hello World с помощью файлового менеджера или терминала.

Дважды щелкните или откройте index.html. Страница должна открыться в веб-браузере по умолчанию. Восхищайтесь своей работой на втором месте — вы создали свой первый проект с помощью Visual Studio Code.

Расширьте возможности Visual Studio Code

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

Отладка кода в редакторе: правильно, вы можете запускать и тестировать код из редактора!

Контроль версий: вам не нужно переключаться на терминал на вашем компьютере, чтобы отслеживать изменения с помощью Git.

Встроенный терминал: вы можете запускать команды командной строки из своего редактора с помощью Visual Studio Code.

IV. Подведение итогов

Поздравляем! Вы успешно настроили текстовый редактор и готовы создавать веб-сайты на своем компьютере.

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

Концепция рабочей области позволяет VS Code:

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

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

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

Как открыть «рабочее пространство» VS Code?

Самый простой способ открыть рабочее пространство – воспользоваться меню "Файл" и выбрать одну из доступных папок для открытия. В качестве альтернативы, если вы запускаете VS Code из терминала, вы можете передать путь к папке в качестве первого аргумента команде кода для открытия.

Рабочие пространства с одной папкой

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

Рабочее пространство с одной папкой, открытое внутри VS Code

Многокорневые рабочие области

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

Рабочее пространство с несколькими корнями, открытое в VS Code

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

< /цитата>

Безымянные многокорневые рабочие области

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

Безымянная многокорневая рабочая область, открытая в VS Code

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

Настройки рабочего пространства

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

Обратитесь к документации по настройкам, чтобы получить подробное объяснение настроек областей и их расположения в файлах.

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

Настройки рабочей области будут сохранены в файле .vscode/settings.json при открытии папки в качестве рабочей области.

Редактор настроек, когда папка открыта как рабочая область

Настройки многокорневой рабочей области

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

Вы по-прежнему можете настраивать параметры для каждой корневой папки, и в редакторе параметров появится третья область параметров, которая называется Параметры папки:

Редактор настроек при открытии многокорневой рабочей области

Настройки, настроенные для каждой папки, переопределяют настройки, заданные в .code-workspace .

Задачи рабочей области и конфигурации запуска

Подобно тому, как параметры рабочей области относятся к рабочей области, задачи и конфигурации запуска также могут быть привязаны к рабочей области. В зависимости от того, открыта ли папка как рабочая область или файл .code-workspace, расположение задачи рабочей области и конфигурации запуска будут либо внутри папки .vscode, либо внутри файла .code-workspace. Кроме того, конфигурации задач и запуска всегда можно определить на уровне папки, даже если вы открыли файл .code-workspace.

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

Частые вопросы

В чем преимущество многокорневой рабочей области перед папкой?

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

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

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

Почему VS Code восстанавливает все безымянные рабочие области при перезапуске?

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

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

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

Могу ли я использовать многокорневую рабочую область без папок

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

Поддерживает ли VS Code проекты или решения?

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

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

Если вы ищете, как запускать инструменты командной строки внутри VS Code, см. Интегрированный терминал.

Справка по командной строке

Чтобы получить обзор интерфейса командной строки VS Code, откройте терминал или командную строку и введите code --help . Вы увидите версию, пример использования и список параметров командной строки.

Запуск из командной строки

Вы можете запустить VS Code из командной строки, чтобы быстро открыть файл, папку или проект. Обычно вы открываете VS Code в контексте папки. Для этого из открытого терминала или командной строки перейдите в папку проекта и введите код. :

Примечание. Пользователи macOS должны сначала запустить команду (команда оболочки: установить команду «code» в PATH), чтобы добавить исполняемый файл VS Code в переменную среды PATH. Прочтите руководство по установке macOS, чтобы получить помощь.

При установке Windows и Linux необходимо добавить расположение двоичных файлов VS Code в системный путь. Если это не так, вы можете вручную добавить расположение в переменную среды Path ($PATH в Linux). Например, в Windows VS Code устанавливается в AppData\Local\Programs\Microsoft VS Code\bin . Инструкции по настройке для конкретной платформы см. в разделе Настройка.

Инсайдеры: если вы используете предварительную версию VS Code Insiders, вы запускаете свою сборку с инсайдерами кода .

Основные параметры интерфейса командной строки

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

Аргумент Описание
-h или --help Распечатать использование
-v или --version Распечатать версию VS Code (например, 1.22.2), идентификатор фиксации GitHub , и архитектура (например, x64).
-n или --new-window Открывает новый сеанс VS Code вместо восстановления предыдущий сеанс (по умолчанию).
-r или --reuse-window Принудительно открывает файл или папку в последнем активном окне.
-g или --goto При использовании с файл:строка[:символ] открывает файл на определенной строке и необязательная позиция символа. Этот аргумент предоставляется, поскольку некоторые операционные системы разрешают : в имени файла.
-d или --diff Открыть редактор различий файлов. Требуются два пути к файлам в качестве аргументов.
-w или --wait Подождите, пока файлы будут закрыты перед возвратом.
--locale Установите язык отображения (локаль) для сеанса VS Code. (например, en-US или zh-TW )

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

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

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

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

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

Аргумент Описание
файл Имя открываемого файла. Если файл не существует, он будет создан и помечен как отредактированный. Вы можете указать несколько файлов, разделив каждое имя файла пробелом.
файл:строка[:символ] Используется с аргументом -g. Имя файла, который нужно открыть в указанной строке и необязательной позиции символа. Вы можете указать несколько файлов таким образом, но вы должны использовать аргумент -g (один раз) перед использованием спецификатора file:line[:character].
folder Имя открываемой папки. Вы можете указать несколько папок, и будет создана новая многокорневая рабочая область.

Работа с расширениями

Вы можете устанавливать расширения VS Code и управлять ими из командной строки.

Аргумент Описание
--install-extension Установите расширение. Укажите полное имя расширения publisher.extension в качестве аргумента. Используйте аргумент --force, чтобы избежать подсказок.
--uninstall-extension Удаление расширения. Укажите полное имя расширения publisher.extension в качестве аргумента.
--disable-extensions Отключить все установленные расширения. Расширения по-прежнему будут отображаться в разделе «Отключено» представления «Расширения», но они никогда не будут активированы.
--list-extensions Список установленных расширений .
--show-versions Показать версии установленных расширений при использовании --list-extensions
--enable-proposed-api Включает предлагаемые функции API для расширения. Укажите полное имя расширения publisher.extension в качестве аргумента.

Расширенные параметры интерфейса командной строки

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

< tr> < td>Добавить папку(и) в последнее активное окно для многокорневой рабочей области.
Аргумент Описание
--extensions-dir Установите корневой путь для расширений. Не действует в переносном режиме.
--user-data-dir Указывает каталог, в котором хранятся пользовательские данные, полезно при работе от имени пользователя root. . Не действует в портативном режиме.
-s, --status Выводить информацию об использовании процесса и диагностике.
-p, --performance Начать с включенной командой Developer: Startup Performance.
--disable-gpu Отключить аппаратное ускорение графического процессора.
--verbose Вывести подробный вывод (подразумевает --wait ).
--prof-startup Запускать профилировщик ЦП во время запуска.
--upload-logs Загружает журналы текущего сеанса в защищенную конечную точку.
Многокорневой
--add

Открытие VS Code с URL-адресами

Вы также можете открывать проекты и файлы, используя механизм обработки URL-адресов платформы. Используйте следующие форматы URL, чтобы:

Открыть файл в строку и столбец

Вы можете использовать URL-адрес в таких приложениях, как браузеры или файловые менеджеры, которые могут анализировать и перенаправлять URL-адрес. Например, в Windows вы можете передать URL-адрес vscode:// непосредственно в проводник Windows или в командную строку как start vscode:// .

Примечание. Если вы используете сборки VS Code Insiders, префикс URL будет vscode-insiders:// .

Дальнейшие шаги

Читайте дальше, чтобы узнать о:

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

Частые вопросы

'код' не распознается как внутренняя или внешняя команда

Ваша ОС не может найти двоичный код VS Code на своем пути. Установки VS Code для Windows и Linux должны были установить VS Code по вашему пути. Попробуйте удалить и переустановить VS Code. Если код по-прежнему не найден, обратитесь к темам по установке для конкретных платформ для Windows и Linux.

В macOS вам необходимо вручную запустить команду оболочки: установить команду 'code' в команде PATH (доступно через палитру команд ⇧⌘P (Windows, Linux Ctrl+Shift+P )). Дополнительные сведения см. в соответствующем разделе по настройке macOS.

Как получить доступ к командной строке (терминалу) из VS Code?

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

Могу ли я указать расположение настроек для VS Code, чтобы иметь переносную версию?

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

Я использую Visual Studio Code для разработки Node.js. Это легкий редактор кода, который работает в Windows, Mac OS X и Linux. Мне это так нравится, что я также использую его для проектов Node.js на Raspberry Pi. Для этого я создаю файловый ресурс Windows на RasPi, как описано в моем Руководстве для начинающих по установке Node.js на Raspberry Pi, и подключаю диск в моей системе Windows к RasPi. Затем я могу использовать VS Code для создания своего кода Node.js и перейти к RasPi для запуска фактического кода.

В любом случае, вернемся к нашей регулярно запланированной программе... Сегодняшняя тема предназначена для пользователей Windows, которые используют Visual Studio Code и хотят иметь возможность щелкнуть правой кнопкой мыши по заданной папке и запустить VS Code. Мы собираемся добавить пункт контекстного меню, вызываемый щелчком правой кнопкой мыши, в «Открыть папку как проект VS Code», так как это экономит время и приносит больше удовольствия!

Основное редактирование: оказалось, что при установке VS Code для Windows у вас есть возможность добавить действие «Открыть с помощью кода» в контекстное меню файла Windows Explorer, если вы не торопитесь с установкой и возьмите значения по умолчанию, как я сделал в первый раз. 🙂 Сделайте глубокий вдох и бегите трусцой, а не кричите по установке. Когда вы увидите диалоговое окно ниже, обязательно установите два выделенных флажка.

Игнорируйте оставшуюся часть этого поста, если вы не хотите переустанавливать VS Code или вам интересны другие контексты. Проще просто переустановить VS Code.

Давайте сделаем так. Я использую отличную работу некоторых моих друзей на GitHub, которые создали элемент контекстного меню Windows для Sublime Text 2/3.

Сначала создайте файл с расширением «.reg». Например, vsCodeOpenFolder.reg .

После этого вы сможете добавить следующее содержимое в файл:

Далее сохраните файл.

Примечание. Приведенный выше .reg-файл предполагает, что вы установили VS Code в папку по умолчанию, что подходит для большинства людей. Внесите соответствующие изменения, если файл Code.exe установлен в другой папке.

Очень хорошо, мы почти закончили. Дважды щелкните только что созданный файл vsCodeOpenFolder.reg.

Windows UAC (Контроль учетных записей пользователей) запустится и спросит, хотите ли вы разрешить этому приложению вносить изменения в ваш компьютер. Нажмите OK, чтобы объединить код реестра, содержащийся в файле, с реестром Windows на вашем компьютере.

На этом все! Теперь вы можете перейти к папке через проводник Windows, щелкнуть правой кнопкой мыши значок папки или в самой папке, и вы увидите опцию «Открыть папку как проект VS Code». В качестве бонуса вы можете щелкнуть правой кнопкой мыши по отдельным файлам и «Редактировать с помощью VS Code».

Теперь вы можете улыбаться тому факту, что каждый день у вас будет немного больше времени для написания потрясающего кода на Node.js/JavaScript или любом другом языке, доступном для использования с VS Code.

Подпишитесь на Дейва Джонсона в Твиттере, чтобы быть в курсе последних руководств и технических статей.

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