Usa o Visual Studio Extensión de código

Visión xeral

Visual Studio Code (VS Code) é un editor de código fonte lixeiro pero potente que funciona no seu escritorio e está dispoñible para Windows, macOS e Linux. Vén con asistencia integrada para JavaScript, TypeScript e Node.js e ten un amplo ecosistema de extensións para outras linguaxes (como C++, C#, Java, Python, PHP e Go) e tempos de execución (como .NET e Unity). Para obter máis información, consulte Comezar a usar VS Code.

VS Code permítelle ampliar a súa capacidade mediante extensións. As extensións de VS Code poden engadir máis funcións á experiencia xeral. Co lanzamento desta función, agora pode usar a extensión de VS Code para traballar con portais de Power Apps.

Extensión de VS Code para portais

Power Platform Tools engade a capacidade de configurar portais mediante VS Code e utilizar a linguaxe Liquid incorporada IntelliSense que habilita a axuda para completar o código, asistencia e suxestións ao personalizar a interface dos portais mediante VS Code. Usando a extensión de VS Code, tamén pode configurar portais a través do soporte de portais para o CLI de Microsoft Power Platform.

Animación que explica como instalar e configurar Power Platform Tools co tema de icona de ficheiro.

Requisitos previos

Antes de usar a extensión de VS Code para os portais de Power Apps, debe:

Instalae a extensión VS Code

Despois de instalar Visual Studio Code, cómpre instalar a extensión para o complemento dos portais de Power Apps para VS Code.

Para instalar a extensión de VS Code:

  1. Abra Visual Studio Code.

  2. Seleccione Icona de extensións. (Extensións) dende o panel esquerdo.

    Seleccionar extensións.

  3. Seleccione a icona Configuración. desde a parte superior dereita do panel de extensións.

  4. Busque e seleccione Power Platform Tools.

    Seleccione Power Platform Tools.

  5. Seleccionar Instalar.

  6. Verifique que a extensión estea instalada correctamente a partir das mensaxes de estado.

Descargar contido de portais

Para autenticarse nun Microsoft Dataverse para descargar contido de portais, consulte o titorial Usar CLI de Microsoft Power Platform con portais: descargar contido de portais.

Suxestión

A extensión de Power Platform Tools activa automaticamente o uso de Comandos da CLI de Microsoft Power Platform desde VS Code ata o Terminal integrado de Visual Studio.

Soporte de fragmento

Ao personalizar o contido descargado usando VS Code, agora pode usar IntelliSense para etiquetas Liquid de portais de Power Apps.

Fragmento cun exemplo de conclusión de etiqueta Liquid de entidade.

Iconas de ficheiro

A extensión de VS Code para portais identifica e amosa automaticamente iconas para ficheiros e cartafoles dentro do contido dos portais descargado.

Lista de ficheiros nun portal de principiante con tema de icona de ficheiro específico para portais.

VS Code usa o tema da icona de ficheiro predefinido que non mostra iconas específicas de portais. Para ver as iconas de ficheiro específicas dos seus portais, terá que actualizar a instancia de VS Code para usar o tema de iconas de ficheiro específicas dos portais.

Para activar un tema de iconas de ficheiros específicas de portais:

  1. Abra Visual Studio Code.

  2. Vaia a Ficheiro > Preferencias > Tema da icona do ficheiro

  3. Seleccione o tema para Power Apps Iconas de portais.

    Seleccione o tema para iconas de portais de Power Apps.

Previsualización dinámica

O Visual Studio A extensión de código permite unha opción de vista previa en directo para ver a páxina de contido do portais dentro do Visual Studio Interface de código durante a experiencia de desenvolvemento.

Para ver a versión preliminar, seleccione o botón Versión preliminar. desde a parte superior dereita cando se ten un ficheiro HTML aberto en modo de edición.

Previsualización de páxina.

O panel de versión preliminar ábrese na parte dereita da páxina que se está editando.

Unha pantalla con lista de ficheiros, ficheiro aberto no editor de VS Code e unha vista previa á dereita.

A función de versión preliminar require que os outros ficheiros tamén estean abertos na mesma sesión de VS Code que compón o marcador HTML para que se mostre a versión preliminar. Por exemplo, se só se abre o ficheiro HTML sen que a estrutura de cartafoles se abra usando VS Code, verá a seguinte mensaxe.

Executando o comando contribuído: fallou "microsoft-powerapps-portals.preview-show".

Cando se produce este problema, abra o cartafol usando Ficheiro > Abrir cartafol e seleccione o cartafol de contido do portal descargado que se vai abrir antes de volver previsualizar.

Enchemento automático

A capacidade de enchemento automático na extensión de VS Code mostra o contexto actual que se está a editar e os elementos de enchemento automático relevantes a través de IntelliSense.

Un exemplo de enchemento automático para o ID do modelo de páxina.

Limitacións

As seguintes limitacións aplícanse actualmente a Power Platform Tools para portais:

Consulte tamén

Asistencia técnica de portais para a CLI de Microsoft Power Platform (versión preliminar)