Utilitzar l'extensió del Visual Studio Code
Nota
Des del 12 d'octubre de 2022, els portals del Power Apps són Power Pages. Més informació: Microsoft Power Pages ara està disponible de manera general (bloc)
Ben aviat migrarem i combinarem la documentació dels portals del Power Apps amb la documentació del Power Pages.
Informació general
El Visual Studio Code (VS Code) és un editor lleuger però potent de codi font que funciona a l'escriptori i està disponible per a Windows, macOS i Linux. Inclou suport integrat per a JavaScript, TypeScript i Node.js i té un ecosistema variat d'extensions per a altres llenguatges (com C++, C#, Java, Python, PHP i Go) i temps d'execució (com ara .NET i Unity). Per obtenir-ne més informació, vegeu Començar amb el VS Code.
El VS Code us permet ampliar la vostra capacitat amb extensions. Les extensions del VS Code poden afegir més característiques a l'experiència general. Amb la publicació d'aquesta característica, ara podeu utilitzar l'extensió del VS Code per treballar amb portals del Power Apps.
Extensió del VS Code per als portals
Les Power Platform Tools afegeixen la capacitat de configurar els portals mitjançant el VS Code i utilitzen el llenguatge de Liquid integrat IntelliSense que proporciona ajuda amb la finalització del codi, assistència i consells quan es personalitzen els portals utilitzant el VS Code. Utilitzant l'extensió del VS Code, també podeu configurar portals a través de la compatibilitat dels portals amb la CLI del Microsoft Power Platform.
Requisits previs
Abans d'utilitzar l'extensió del VS Code per als portals del Power Apps, heu de:
Baixar, instal·lar i configurar el Visual Studio Code. Més informació: Baixar el Visual Studio Code
Configureu el vostre entorn i sistema per a la compatibilitat de CI/CD dels portals del Power Apps mitjançant la CLI. Més informació: Compatibilitat dels portals amb la CLI del Microsoft Power Platform (versió preliminar)
Instal·lar l'extensió del VS Code
Després d'instal·lar Visual Studio Code, heu d'instal·lar l'extensió del complement dels portals del Power Apps per al VS Code.
Per instal·lar l'extensió del VS Code:
Obriu el Visual Studio Code.
Seleccioneu la
(Extensions) de la subfinestra esquerra.
Seleccioneu
de la part superior dreta de la subfinestra d'extensions.Cerqueu i seleccioneu Power Platform Tools.
Seleccioneu Instal·la.
Comproveu que l'extensió s'hagi instal·lat correctament des dels missatges d'estat.
Baixar el contingut dels portals
Per autenticar-vos amb un entorn del Microsoft Dataverse i per a baixar el contingut dels portals, consulteu el tutorial Utilitzar la CLI del Microsoft Power Platform amb els portals: baixar el contingut dels portals.
Suggeriment
L'extensió del Power Platform Tools habilita automàticament l'ús d'ordres del Microsoft Power Platform CLI dins del VS Code mitjançant el Terminal integrat del Visual Studio.
Compatibilitat amb fragments
En personalitzar el contingut baixat amb el VS Code, ara podeu utilitzar IntelliSense per a etiquetes de Liquid dels portals del Power Apps.
Icones de fitxer
L'extensió del VS Code per als portals identifica i mostra automàticament icones per als fitxers i carpetes dins del contingut dels portals baixats.
El VS Code utilitza el tema d'icones de fitxer per defecte, que no mostra icones específiques dels portals. Per visualitzar icones de fitxers específiques dels portals, haureu d'actualitzar la instància del VS Code per utilitzar el tema d'icones de fitxer específic dels portals.
Per habilitar un tema d'icones de fitxer específic dels portals:
Obriu el Visual Studio Code.
Aneu a Fitxer > Preferències > Tema d'icones de fitxer
Seleccioneu el tema per a les icones dels portals del Power Apps.
Visualització prèvia en directe
L'extensió del Visual Studio Code permet una opció de versió preliminar en directe per veure la pàgina de contingut dels portals dins de la interfície del Visual Studio Code durant l'experiència de desenvolupament.
Per veure la previsualització, seleccioneu 
de la part superior dreta quan s'obri un fitxer HTML en mode d'edició.
La subfinestra de versió preliminar s'obre a la part dreta de la pàgina que s'està editant.
La característica de versió preliminar requereix que els altres fitxers també estiguin oberts a la mateixa sessió del VS Code que componen el marcatge HTML perquè es mostri la versió preliminar. Per exemple, si només s'obre el fitxer HTML sense obrir l'estructura de carpetes amb el VS Code, veureu el següent missatge.
![S'ha produït un error en l'execució de l'ordre aportada: "microsoft-powerapps-portals.preview-show".](media/vs-code-extension/preview-failed.png "S'ha produït un error en executar l'ordre "microsoft-powerapps-portals.preview-show".")
Quan es produeixi aquest problema, obriu la carpeta mitjançant Fitxer > Obre la carpeta i seleccioneu la carpeta de contingut del portal baixada per obrir-la abans de tornar a provar la versió preliminar.
Emplenament automàtic
La funcionalitat d'emplenament automàtic de l'extensió del VS Code mostra el context actual que s'està editant i els elements d'emplenament automàtic rellevants a través d'IntelliSense.
Limitacions
Actualment, les limitacions següents s'apliquen al Power Platform Tools per als portals:
- Les característiques de compatibilitat amb fragments i emplenament automàtic tenen només funcionalitats limitades.
- La versió preliminar en directe no admet temes personalitzats ni objectes de Liquid.
Consulteu també
Compatibilitat dels portals amb la CLI del Microsoft Power Platform (versió preliminar)