Utilitzar l'extensió codi Visual Studio (previsualització)
[Aquest article forma part de la documentació preliminar i està subjecte a canvis.]
Informació general
Visual Studio Code (VS Code) és un editor de codi font lleuger però potent que s'executa 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 versió d'aquesta característica, ara podeu utilitzar l'extensió VS Code per treballar amb Power Apps portals.
Important
- Aquesta és una característica de visualització prèvia.
- Les característiques de visualització prèvia no estan dissenyades per a un entorn de producció i poden tenir una funcionalitat restringida. Aquestes característiques estan disponibles abans d’un llançament oficial de producte per tal que els clients el puguin utilitzar abans i enviar-nos els seus comentaris.
Extensió del VS Code per als portals
Les eines de Power Platform afegeixen la capacitat de configurar portals utilitzant el codi VS i utilitzar l'IntelliSense de llenguatge líquid integrat que permet obtenir ajuda amb la compleció de codi, l'assistència i la pista mentre personalitzen la interfície dels portals mitjançant el codi VS. Mitjançant l'extensió VS Code, també podeu configurar portals a través del suport de portals per a Microsoft Power Platform CLI.
![]()
Requisits previs
Abans d'utilitzar l'extensió de codi VS per a Power Apps portals, heu de:
Baixeu, instal·leu i configureu Visual Studio Codi. Més informació: Descarregar codi Visual Studio
Configureu el vostre entorn i sistema per al suport de CI/CD dels portals Power Apps mitjançant CLI. Més informació: Suport de portals per a Microsoft Power Platform CLI (vista prèvia)
Instal·lar l'extensió del VS Code
Després d'instal·lar Visual Studio Codi, heu d'instal·lar l'extensió per al connector de portals Power Apps per al codi VS.
Per instal·lar l'extensió del VS Code:
Obre el codi Visual Studio.
Seleccioneu la
(Extensions) de la subfinestra esquerra.
Seleccioneu la
de la part superior dreta de la subfinestra d'extensions.Cerqueu i seleccioneu eines Power Platform.

Seleccioneu Instal·la.
Comproveu que l'extensió s'hagi instal·lat correctament des dels missatges d'estat.
Baixar el contingut dels portals
Per autenticar-se contra un entorn Microsoft Dataverse, i per descarregar contingut dels portals, consulteu el tutorial Utilitza Microsoft Power Platform CLI amb portals: descarregueu contingut dels portals.
Suggeriment
L'extensió eines de Power Platform permet utilitzar automàticament Microsoft Power Platform ordres CLI des de dins de VS Code a través Visual Studio Terminal Integrat.
Compatibilitat amb fragments
Quan personalitzeu el contingut baixat mitjançant el codi VS, ara podeu utilitzar IntelliSense per a Power Apps portals Etiquetes líquides.

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 VS Code.
Aneu a Fitxer > Preferències > Tema d'icones de fitxer
Seleccioneu el tema per a Power Apps icones de portals.

Visualització prèvia en directe
L'extensió VS Code permet una opció de visualització prèvia en directe per veure la pàgina de contingut dels portals dins de la interfície de codi Visual Studio durant l'experiència de desenvolupament.
Per veure la visualització prèvia, seleccioneu el
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.

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
Les limitacions següents s'apliquen actualment a les eines Power Platform 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é
Suport de portals per a Microsoft Power Platform CLI (vista prèvia)