Visual studio как установить расширение
Перейти к содержимому

Visual studio как установить расширение

  • автор:

Использование расширения Visual Studio Code

Visual Studio Code — это лаконичный, но мощный редактор исходного кода, который работает на вашем рабочем столе и доступен для Windows, macOS и Linux. Он поставляется со встроенной поддержкой JavaScript, TypeScript и Node.js и имеет богатую экосистему расширений для других языков (таких как C++, C#, Java, Python, PHP и Go) и сред выполнения (таких как .NET и Unity). Дополнительные сведения см. в статье о начале работы с VS Code.

Visual Studio Code позволяет расширить ваши возможности за счет расширений. Расширения Visual Studio Code могут добавить больше функций к общему взаимодействию. С выпуском этой функции теперь вы можете использовать расширение Visual Studio Code для работы с Power Pages.

Расширение Visual Studio Code для Power Pages

Power Platform Tools добавляет возможность настраивать веб-сайты с помощью Visual Studio Code и использовать встроенный язык Liquid IntelliSense для упрощения завершения кода, с подсказками и помощью при настройке интерфейса веб-сайтов с помощью Visual Studio Code. Используя расширение Visual Studio Code, вы также можете настраивать порталы через поддержку интерфейса командной строки Microsoft Power Platform.

  • Вам необходимо убедиться, что node.js загружен и установлен на той же рабочей станции, что и Visual Studio Code, чтобы работали функции Power Pages.
  • Убедитесь, что установлены только Power Platform Tools, а не оба параметра: Power Platform Tools и Power Platform Tools [ПРЕДВАРИТЕЛЬНАЯ ВЕРСИЯ]. Дополнительная информация об известных проблемах.

Предварительные условия

Перед использованием расширения Visual Studio VS Code для Power Pages необходимо:

  • Загрузить, установить и настроить Visual Studio Code. Дополнительные сведения: Загрузка Visual Studio Code
  • Настройте свою среду и систему для Power Pages с поддержкой CI/CD с помощью интерфейса командной строки. Дополнительные сведения: Интерфейс командной строки Microsoft Power Platform (предварительная версия)

Установка расширения Visual Studio Code

После установки Visual Studio Code необходимо установить расширение для подключаемого модуля Power Platform Tools для Visual Studio Code.

Для установки расширения Visual Studio Code:

  1. Откройте Visual Studio Code.
  2. Выберите Расширения в левой области. Расширение Visual Studio Code.
  3. Выберите Значок параметров в правом верхнем углу панели расширений.
  4. Найдите и выберите Power Platform Tools. Выберите Power Platform Tools.
  5. Выберите Установить.
  6. Убедитесь, что расширение успешно установлено по сообщениям о состоянии.

Загрузите содержимое веб-сайта

Для аутентификации в среде Microsoft Dataverse и чтобы загрузить содержимое веб-сайта, обратитесь к руководству Использование интерфейса командной строки Microsoft Power Platform с Power Pages — загрузка содержимого веб-сайта.

Расширение Power Platform Tools автоматически позволяет использовать команды интерфейса командной строки Microsoft Power Platform из Visual Studio Code через встроенный терминал Visual Studio.

Значки файла

Расширение Visual Studio Code для Power Pages автоматически определяет и отображает значки файлов и папок внутри загруженного содержимого веб-сайта.

Список файлов в начальном шаблоне с темой значков файлов для конкретного веб-сайта.

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

Для включения темы значков файлов, специфичных для порталов:

Выберите тему для значков порталов Power Apps.

  1. Откройте Visual Studio Code.
  2. Перейдите Файл>Параметры>Тема>Тема значка файла
  3. Выберите тему для значков порталов PowerApps.

Предварительная версия в реальном времени

Расширение Visual Studio Code включает возможность предварительного просмотра в реальном времени для просмотра страницы с содержимым Power Pages внутри интерфейса Visual Studio Code прямо во время разработки.

Кнопка «Просмотр».

Чтобы открыть предварительный просмотр, выберите справа вверху, когда HTML-файл открыт в режиме редактирования.

Предварительный просмотр страницы.

Область предварительного просмотра открывается с правой стороны редактируемой страницы.

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

Функция предварительного просмотра требует, чтобы другие файлы также были открыты в той же сессии Visual Studio Code, которые составляют HTML-разметку для отображаемого предварительного просмотра. Например, если открыт только файл HTML, а структура папок не открыта с помощью Visual Studio Code, вы увидите следующее сообщение.

Выполнение добавленной команды:

Когда эта проблема возникает, откройте папку с помощью команды Файл > Открыть папку и выберите загруженную папку содержимого веб-сайта, чтобы открыть ее, прежде чем пытаться снова открыть предварительный просмотр.

Автозавершение

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

Пример автозавершения для идентификатора шаблона страницы.

Теги Liquid

При настройке загруженного контента с помощью Visual Studio Code теперь вы можете использовать IntelliSense для тегов Liquid в Power Pages.

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

Фрагмент кода с примером завершения тега Liquid.

Объекты Liquid

Вы можете увидеть завершения кода Объект Liquid, когда введете > . Поместив курсор между скобками, выберите , чтобы отобразить список объектов Liquid, которые вы можете выбрать. Если у объекта больше свойств, вы можете ввести ., а затем снова выбрать , чтобы увидеть определенные свойства объекта Liquid.

Вход объекта Liquid.

Теги шаблонов

Вы можете просмотреть предложения веб-шаблонов Power Pages, поместив курсор в оператор и выбрав — space . Появится список существующих веб-шаблонов для выбора.

Теги шаблона.

Создание, удаление и переименование объектов веб-сайта

Изнутри Visual Studio Code вы можете создавать, удалять и переименовывать следующие компоненты веб-сайта:

  • Веб-страницы
  • Шаблоны страниц
  • Веб-шаблоны
  • Фрагменты содержимого
  • Новые активы (веб-файлы)

Создание операций

Вы можете использовать параметры контекстного меню для создания новых компонентов веб-сайта. Для этого нажмите правой кнопкой мыши на один из поддерживаемых объектов, выберите Power Pages и выберите тип объекта веб-сайта, который вы хотите создать.

В качестве альтернативы вы можете использовать палитру команд Visual Studio Code, выбрав Ctrl + Shift + P .

Создание нового объекта.

Вам потребуется указать дополнительные параметры для создания объекта.

Object Параметры
Веб-страницы Имя, шаблон страницы, родительская страница
Шаблоны страниц Имя, веб-шаблон
Веб-шаблоны Полное имя
Фрагменты содержимого Имя и будет ли фрагмент кодом HTML или текстом.
Новые активы (веб-файлы) Имя, родительская страница и выберите файл для отправки.

Удаление и переименование операций

Из навигации по файлам вы можете использовать контекстное меню для переименования или удаления компонентов Power Pages.

Удаленные объекты можно восстановить из корзины рабочего стола.

Ограничения

Следующие ограничения в настоящее время применяются к Power Platform Tools для порталов:

  • Автозавершение поддерживает только ограниченную функциональность.
  • Предварительный просмотр в реальном времени не поддерживает пользовательские темы или Liquid-объекты.

Установка

Вы можете установить расширение из магазина приложений Visual Studio Marketplace или из VSIX-файла. VSIX-файлы публикуются на портале ИТС.

Установка из Visual Studio Marketplace

  • Откройте панель Extensions (Ctrl+Shift+X);
  • В строке поиска введите Executor ;
  • Нажмите Install ;

Установка из VSIX-файла: вариант 1

  • В Visual Studio Code нажмите F1 для активации командной палитры;
  • Наберите vsix ;
  • Выполните команду Extensions: Install from VSIX. (Расширения: Установка из VSIX. );
  • Выберите VSIX-файл и нажмите Install (Установить).

Установка из из VSIX-файла: вариант 2

  • Откройте панель Extensions (Ctrl+Shift+X);
  • Откройте меню More Actions. (. ) (Дополнительные действия (. )) и нажмите Install from VSIX. (Установка из VSIX. );
  • Выберите VSIX-файл и нажмите Install (Установить).

Интерфейс Visual Studio Code на русском языке

Если вы хотите использовать интерфейс Visual Studio Code на русском языке, установите языковой пакет для русского языка:

  • Откройте панель Extensions (Ctrl+Shift+X);
  • В строке поиска введите Russian Language Pack for Visual Studio Code ;
  • Нажмите Install ;

«1С:Исполнитель»

  • Для запуска и отладки скриптов установите «1С:Исполнитель» ;
  • В параметре плагина 1c.executor.path укажите путь к каталогу, в который установлен «1С:Исполнитель» .

Пошаговое руководство. Публикация расширения Visual Studio

В этом пошаговом руководстве показано, как опубликовать расширение Visual Studio в Visual Studio Marketplace. При добавлении расширения в Visual Studio Marketplace разработчики могут использовать расширения и Обновления для поиска новых и обновленных расширений.

Необходимые компоненты

Для выполнения этого пошагового руководства необходимо установить пакет SDK для Visual Studio. Дополнительные сведения см. в разделе «Установка пакета SDK для Visual Studio».

Создание расширения Visual Studio

В этой статье используется расширение VSPackage по умолчанию, но шаги допустимы для каждого типа расширения.

  • Создайте VSPackage в C# с командой TestPublish меню. Дополнительные сведения см. в статье «Создание первого расширения: Hello World».

Упаковка расширения

update extension vsixmanifest

  1. Обновите расширение .vsixmanifest с правильными сведениями о имени продукта, авторе и версии.
  2. Создайте расширение в режиме выпуска . Теперь расширение упаковается в виде VSIX в папке \bin\Release.
  3. Чтобы проверить установку, дважды щелкните VSIX.

Тестирование расширения

Перед распространением расширения выполните сборку и тестирование, чтобы убедиться, что она установлена правильно в экспериментальном экземпляре Visual Studio.

  1. В Visual Studio начните отладку, чтобы открыть экспериментальный экземпляр Visual Studio.
  2. В экспериментальном экземпляре перейдите в меню «Сервис» и щелкните «Расширения» и Обновления . Расширение TestPublish должно отображаться в центральной области и быть включено.
  3. В меню «Сервис» убедитесь, что отображается тестовая команда.

Публикация расширения в Visual Studio Marketplace

  1. Убедитесь, что вы создали версию выпуска расширения и что она обновлена.
  2. В веб-браузере перейдите в Visual Studio Marketplace.
  3. В правом верхнем углу нажмите кнопку «Войти».
  4. Войдите с помощью своей учетной записи Майкрософт. Если у вас нет учетной записи Майкрософт, ее можно создать на этом этапе.
  5. Щелкните » Опубликовать расширения«. Этот параметр позволяет перейти на страницу управления для всех расширений. Если у вас нет учетной записи издателя, вам будет предложено создать ее в настоящее время. Upload to Marketplace
  6. Выберите издателя, который вы хотите использовать для отправки расширения. Вы можете изменить издателей, щелкнув имена издателей, перечисленные слева. Нажмите кнопку «Создать расширение» и выберите Visual Studio.
  7. В 1. Отправьте расширение, вы можете отправить VSIX-файл непосредственно в Visual Studio Marketplace или просто добавить ссылку на собственный веб-сайт. В этом примере модуль TestPublish.vsix передается. Перетащите расширение или щелкните ссылку для поиска файла. Найдите расширение в папке \bin\Release проекта. Нажмите кнопку Продолжить.
  8. В 2. Укажите сведения о расширении, некоторые поля автоматически заполняются из файла source.extension.vsixmanifest из расширения. Дополнительные сведения о каждом из следующих сведений:
    • Внутреннее имя используется в URL-адресе страницы сведений расширения. Например, публикация расширения под именем издателя «myname» и указание внутреннего имени, который должен быть «моим расширением», приводит к URL-адресу «marketplace.visualstudio.com/items?itemName=myname.myextension» для страницы сведений о расширении.
    • Отображаемое имя расширения. Это имя заполняется автоматически из файла source.extension.vsixmanifest .
    • Номер версии передаваемого расширения. Эта версия заполняется автоматически из файла source.extension.vsixmanifest .
    • Идентификатор VSIX — это уникальный идентификатор, который Visual Studio использует для расширения. Этот идентификатор необходим, если вы хотите автоматически обновить расширение. Этот идентификатор заполняется автоматически из файла source.extension.vsixmanifest .
    • Логотип , используемый для расширения. Этот логотип заполняется автоматически из файла source.extension.vsixmanifest , если он указан.
    • Краткое описание того, что делает расширение. Это описание заполняется автоматически из файла source.extension.vsixmanifest .
    • Обзор — это хорошее место для включения снимка экрана и подробных сведений о том, что делает ваше расширение.
    • Поддерживаемые версии Visual Studio позволяют выбрать версии, над которыми будет работать расширение Visual Studio. Расширение устанавливается только для этих версий.
    • Поддерживаемый выпуск Visual Studio позволяет выбрать выпуски Visual Studio, над которыми будет работать расширение. Расширение устанавливается только для этих выпусков.
    • Тип. Наиболее распространенным типом расширения является Tools.
    • Категории. Выберите до трех, которые лучше всего подходят для вашего расширения.
    • Теги — это ключевое слово, которые помогают пользователям найти расширение. Теги могут помочь повысить релевантность расширений поиска в Visual Studio Marketplace.
    • Категория цен — это стоимость расширения.
    • Репозиторий исходного кода позволяет поделиться ссылкой на исходный код с сообществом.
    • Разрешить Q&A для расширения позволяет пользователям оставлять вопросы на странице записи расширения .
  9. Нажмите кнопку «Сохранить» и » Отправить«. Этот параметр возвращает вас на страницу управления издателем. Ваше расширение еще не опубликовано.
  10. Чтобы опубликовать расширение, щелкните правой кнопкой мыши расширение и выберите «Сделать общедоступным«. Чтобы узнать, как будет выглядеть расширение в Visual Studio Marketplace, выберите «Просмотреть расширение«. Для получения номеров приобретения щелкните «Отчеты«. Чтобы внести изменения в расширение, нажмите кнопку «Изменить«. Extension Entry Menu
  11. Нажмите кнопку «Сделать общедоступным», и расширение теперь является общедоступным. Выполните поиск в Visual Studio Marketplace для расширения.

Обновление опубликованного расширения в Visual Studio Marketplace

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

  1. В веб-браузере перейдите в Visual Studio Marketplace.
  2. В правом верхнем углу нажмите кнопку «Войти», а затем войдите с помощью учетной записи Майкрософт. Screenshot that shows selecting an uploaded extension file in File Explorer.
  3. Щелкните «Опубликовать расширения«, а затем выберите издателя, который вы хотите использовать для отправки обновленного расширения. Screenshot of Visual Studio Marketplace with the Publish extensions link highlighted.
  4. Рядом с расширением, которое нужно обновить, наведите указатель мыши на три горизонтальные точки и нажмите кнопку «Изменить«. Screenshot that shows choosing an extension to edit.
  5. В 1. Отправьте расширение после имени файла VSIX, щелкните значок карандаша, чтобы изменить опубликованное расширение. Screenshot that shows clicking the pencil icon to edit your extension.
  6. Перейдите к обновленному файлу VSIX расширения. Щелкните файл и нажмите кнопку «Открыть«. Обновленные отправки расширений. Screenshot of an Uploading file notification after uploading an edited extension.
  7. В 2. Укажите сведения о расширении, некоторые сведения доступны только для чтения для обновления расширения или автоматически заполняются из файла source.extension.vsixmanifest из расширения. Дополнительные сведения о расширении см. в следующем разделе:
    • Внутреннее имя* используется в URL-адресе страницы сведений о расширении. Например, публикация расширения под именем издателя «myname» и указание внутреннего имени как «мое расширение» приводит к URL-адресу «marketplace.visualstudio.com/items?itemName=myname.myextension» для страницы сведений о расширении.
    • Отображаемое имя* расширения. Это имя заполняется автоматически из файла source.extension.vsixmanifest .
    • Номер версии* передаваемого расширения. Эта версия заполняется автоматически из файла source.extension.vsixmanifest .
    • VSIX ID* — это уникальный идентификатор, который Visual Studio использует для расширения. Этот идентификатор необходим, если вы хотите автоматически обновить расширение. Этот идентификатор заполняется автоматически из файла source.extension.vsixmanifest .
    • Логотип* , используемый для расширения. Этот логотип заполняется автоматически из файла source.extension.vsixmanifest , если он указан.
    • Краткое описание того, что делает расширение. Это описание заполняется автоматически из файла source.extension.vsixmanifest .
    • Обзор — это хорошее место для включения снимка экрана и подробных сведений о том, что делает ваше расширение.
    • Поддерживаемые версии Visual Studio* позволяют выбрать версии, над которыми будет работать расширение Visual Studio. Расширение устанавливается только для этих версий.
    • Поддерживаемый выпуск Visual Studio* позволяет выбрать выпуски Visual Studio, над которыми будет работать расширение. Расширение устанавливается только в этих выпусках.
    • Тип. Наиболее распространенным типом расширения является Tools.
    • Категории. Выберите до трех, которые лучше всего подходят для вашего расширения.
    • Теги — это ключевое слово, которые помогают пользователям найти расширение. Теги могут помочь повысить релевантность расширений поиска в Visual Studio Marketplace.
    • Категория цен — это стоимость расширения.
    • Репозиторий исходного кода позволяет поделиться ссылкой на исходный код с сообществом.
    • Разрешить Q&A для расширения позволяет пользователям оставлять вопросы на странице записи расширения . * Эти сведения не могут быть изменены для обновления расширения.
  8. Нажмите кнопку «Сохранить» и » Отправить«. Этот параметр возвращает вас на страницу управления издателем. Ваше расширение еще не опубликовано.
  9. Чтобы опубликовать расширение, щелкните правой кнопкой мыши расширение и выберите «Сделать общедоступным«. Чтобы узнать, как будет выглядеть расширение в Visual Studio Marketplace, выберите «Просмотреть расширение«. Для получения номеров приобретения нажмите кнопку «Отчеты«. Чтобы внести изменения в расширение, нажмите кнопку «Изменить«.

Добавление дополнительных пользователей для управления учетной записью издателя

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

  1. Попросите участника, который вы хотите добавить, чтобы войти в свою учетную запись в Marketplace и получить идентификатор пользователя. Идентификатор пользователя будет виден, наведите указатель мыши на электронную почту, как показано на следующем рисунке: Screenshot that shows the user ID next to a user
  2. Участник может скопировать идентификатор пользователя, нажав кнопку копирования в буфер обмена, а затем предоставить к нему общий доступ.
  3. Перейдите к учетной записи издателя, к которой нужно добавить дополнительных пользователей.
  4. Выберите «Участники» и нажмите кнопку «Добавить«. Add Additional User
  5. Затем можно указать идентификатор пользователя, который вы хотите добавить, и предоставить нужный уровень доступа в разделе «Выбор роли«. Доступны следующие параметры:
    • Создатель: пользователь может публиковать расширения, но не может просматривать или управлять расширениями, опубликованными другими пользователями.
    • Читатель: пользователь может просматривать расширения, но не может публиковать или управлять расширениями.
    • Участник. Пользователь может публиковать расширения и управлять ими, но не может изменять параметры издателя или управлять доступом.
    • Владелец: пользователь может публиковать расширения и управлять ими, изменять параметры издателя и управлять доступом.

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

При добавлении пользователя в профиль издателя с помощью адреса электронной почты может появиться ошибка TF14045: The identity could not be found .

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

Screenshot that shows the user ID next to a user

Затем можно добавить нового пользователя с помощью идентификатора пользователя.

Установка расширения из Visual Studio Marketplace

После публикации расширения установите и протестируйте его в Visual Studio.

  1. Находясь в Visual Studio, в меню Сервис щелкните Расширения и обновления.
  2. Щелкните «Онлайн» и найдитеTestPublish.
  3. Щелкните элемент Загрузить. Затем расширение запланировано на установку.
  4. Закройте все экземпляры Visual Studio для завершения установки.

Удаление расширения

Расширение можно удалить из Visual Studio Marketplace и с компьютера.

Удаление или отмена публикации расширения из Visual Studio Marketplace

  1. Перейдите в Visual Studio Marketplace.
  2. В правом верхнем углу щелкните «Опубликовать расширения». Выберите издателя, который использовался для публикации (например, TestPublish). Появится список расширений.
  3. Нажмите кнопку меню расширения → нажмите кнопку » Удалить«. Вам будет предложено подтвердить, хотите ли вы удалить расширение.

Screenshot that shows Remove menu item.

Чтобы предотвратить случайную отмену публикации, необходимо подтвердить операцию удаления, заполнив имя расширения в диалоговом окне предупреждения. Обратите внимание, что действие remove/unpublish не является обратимым

Screenshot that shows warning.

Удаление расширения с компьютера

  1. Находясь в Visual Studio, в меню Сервис щелкните Расширения и обновления.
  2. Выберите TestPublish и нажмите кнопку «Удалить«. Затем расширение планируется для удаления.
  3. Чтобы завершить удаление, закройте все экземпляры Visual Studio.

Использование расширения Visual Studio Code

Действует с 12 октября 2022 г, в качестве порталов для Power Apps используется Power Pages. Дополнительная информация: Microsoft Power Pages теперь доступен для всех (блог)
Скоро мы мигрируем и объединим документацию порталов Power Apps с документацией Power Pages.

Обзор

Visual Studio Code (VS Code) — это лаконичный, но мощный редактор исходного кода, который работает на вашем рабочем столе и доступен для Windows, macOS и Linux. Он поставляется со встроенной поддержкой JavaScript, TypeScript и Node.js и имеет богатую экосистему расширений для других языков (таких как C++, C#, Java, Python, PHP и Go) и сред выполнения (таких как .NET и Unity). Дополнительные сведения см. в статье о начале работы с VS Code.

VS Code позволяет расширить ваши возможности за счет расширений. Расширения VS Code могут добавить больше функций к общему взаимодействию. С выпуском этой функции теперь вы можете использовать расширение VS Code для работы с порталами Power Apps.

Расширение VS Code для порталов

Power Platform Tools добавляет возможность настраивать порталы с помощью VS Code и использовать встроенный язык Liquid IntelliSense для упрощения завершения кода, с подсказками и помощью при настройке интерфейса порталов с помощью VS Code. Используя расширение VS Code, вы также можете настраивать порталы через поддержку порталов для Microsoft Power Platform CLI.

Предварительные условия

Перед использованием расширения VS Code для порталов Power Apps необходимо:

  • Загрузить, установить и настроить Visual Studio Code. Дополнительные сведения: Загрузка Visual Studio Code
  • Настройте свою среду и систему для порталов Power Apps с поддержкой CI/CD с помощью интерфейса командной строки. Больше информации: Поддержка порталов для Microsoft Power Platform CLI (предварительная версия)

Установка расширения VS Code

После установки Visual Studio Code необходимо установить расширение для подключаемого модуля порталов Power Apps для VS Code.

Для установки расширения VS Code:

  1. Откройте Visual Studio Code.
  2. Выберите Значок расширений.(Расширения ) в левой области. Выберите расширения.
  3. Выберите значок Параметры.в правом верхнем углу панели расширений.
  4. Найдите и выберите Power Platform Tools. Выберите Power Platform Tools.
  5. Выберите Установить.
  6. Убедитесь, что расширение успешно установлено по сообщениям о состоянии.

Загрузите контент порталов

Для аутентификации в среде Microsoft Dataverse и чтобы загрузить контент порталов, обратитесь к учебнику Использование интерфейса командной строки Microsoft Power Platform с порталами — загрузка контента порталов.

Расширение Power Platform Tools автоматически позволяет использовать команды интерфейса командной строки Microsoft Power Platform из VS Code через встроенный терминал Visual Studio.

Поддержка фрагмента кода

При настройке загруженного контента с помощью VS Code теперь вы можете использовать IntelliSense для порталов Power Apps — теги Liquid.

Фрагмент кода с примером завершения тега Liquid сущности.

Значки файла

Расширение VS Code для порталов автоматически определяет и отображает значки файлов и папок внутри загруженного содержимого порталов.

Список файлов на начальном портале с темой значков файлов для конкретного портала.

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

Для включения темы значков файлов, специфичных для порталов:

Выберите тему для значков порталов Power Apps.

  1. Откройте Visual Studio Code.
  2. Перейдите Файл >Параметры >Тема значка файла
  3. Выберите тему для значков порталов Power Apps.

Предварительная версия в реальном времени

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

Кнопку предварительного просмотра.

Для предварительного просмотра выберите в правом верхнем углу, если HTML-файл открыт в режиме правки.

Предварительный просмотр страницы.

Область предварительного просмотра открывается с правой стороны редактируемой страницы.

Экран со списком файлов, открытым файлом в редакторе VS Code и предварительным просмотром справа.

Функция предварительного просмотра требует, чтобы другие файлы также были открыты в той же сессии VS Code, которые составляют HTML-разметку для отображаемого предварительного просмотра. Например, если открыт только файл HTML, а структура папок не открыта с помощью VS Code, вы увидите следующее сообщение.

Выполнение добавленной команды:

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

Автозавершение

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

Пример автозавершения для идентификатора шаблона страницы.

Ограничения

Следующие ограничения в настоящее время применяются к Power Platform Tools для порталов:

  • Функции поддержки фрагмента кода и автозавершения поддерживают только ограниченную функциональность.
  • Предварительный просмотр в реальном времени не поддерживает пользовательские темы или Liquid-объекты.

См. также

Обратная связь

Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see: https://aka.ms/ContentUserFeedback.

Отправить и просмотреть отзыв по

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

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