Використання розширення Visual Studio Code

Стаття
04/25/2023

Примітка

З 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.

Анімація, яка пояснює, як інсталювати та налаштувати Power Platform Tools.

вимоги

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

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

Інсталяція розширення VS Code

Після інсталяції Visual Studio Code потрібно інсталювати розширення для компонента plug-in порталів Power Apps для VS Code.

Щоб інсталювати розширення VS Code, виконайте наступні дії.

Відкрийте Visual Studio Code.
Виберіть (Розширення) з області ліворуч.
Виберіть праворуч від верхнього краю на області розширень.
Знайдіть і виберіть Power Platform Tools.
Виберіть Інсталювати.
Перевірте у повідомленнях стану, чи розширення інстальовано успішно.

Завантаження вмісту порталів

Для автентифікації в середовищі Microsoft Dataverse та завантаження вмісту порталів див. посібник Використання CLI з порталами Microsoft Power Platform – завантаження вмісту порталів.

Підказка

Розширення «Power Platform Tools» автоматично вмикає використання команд CLI Microsoft Power Platform з VS Code за допомогою Вбудованого терміналу Visual Studio.

Підтримка фрагментів

Тепер під час настроювання завантаженого вмісту за допомогою VS Code можна використовувати IntelliSense для тегів Liquid порталів Power Apps.

фрагмент на прикладі завершення ліквідних тегів сутності.

Піктограми файлів

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

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

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

Щоб увімкнути тему піктограм файлів, характерну для порталів, виконайте наведені нижче дії.

Відкрийте Visual Studio Code.
Послідовно виберіть Файл > Параметри > Тема піктограм файлів
Виберіть тему для піктограм порталів Power Apps.

Динамічний попередній перегляд

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

Щоб переглянути попередній перегляд, натисніть кнопку !["Попередній перегляд".](media/vs-code-extension/preview-symbol.png "Кнопка "Попередній перегляд"") праворуч від верхнього краю, коли HTML-файл відкрито у режимі редагування.

Попередній перегляд сторінки.

Область попереднього перегляду відкривається у правій частині сторінки, що редагується.

Екран зі списком файлів, відкритим файлом у редакторі VS Code та попереднім переглядом праворуч.

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

Виконати внесену команду: ’microsoft-powerapps-portals.preview-show’ не вдалося.

Якщо виникне ця проблема, відкрийте папку, вибравши Файл > Відкрити папку, а тоді виберіть папку із завантаженим вмістом порталу і відкрийте її, перш ніж знову відображати попередній перегляд.

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

Можливість автозавершення в розширенні VS Code показує поточний контекст, який редагується, а також відповідні елементи автозавершення за допомогою IntelliSense.

Приклад автозаповнення для ідентифікатора шаблону сторінки.

Обмеження

На порталах наразі застосовуються такі обмеження щодо Power Platform Tools

Функції підтримка фрагментів та автозавершення мають обмежені функціональні можливості.
Динамічний попередній перегляд не підтримує настроюваних тем та об'єктів Liquid.

Див. також

Підтримка порталів для Microsoft Power Platform CLI (підготовча версія)

Поділитися через