Visual Studio Code'i laienduse kasutamine

Märkus

Alates 12. oktoobrist 2022 on Power Appsi portaalid Power Pages. Lisateave: Microsoft Power Pages on nüüd üldiselt saadaval (ajaveebipostitus)
Peagi migreerime ja ühendame Power Appsi portaalide dokumentatsiooni Power Pagesi dokumentatsiooniga.

Ülevaade

Visual Studio Code (VS Code) on lihtne, kuid jõuline lähtekoodi redaktor, mis töötab teie töölaual ja on saadaval Windowsi, maciOS-i ja Linuxiga. See on integreeritud tugi JavaScript, TypeScripti ja Node.js'i jaoks ning pakub rikkalikku laienduste ökosüsteeme teiste keelte (nt C++, C#, Java, Python, PHP, ja Go) ning käitusaega (nagu näiteks .NET ja Unity). Lisateavet leiate teemast VS Code'i kasutuse alustamine.

VS Code võimaldab laiendada oma võimalusi laienduste kaudu. VS Code'i laiendused võivad üldisele kogemusele lisada rohkem funktsioone. Selle funktsiooni väljalaskega saate nüüd kasutada VS Code'i laiendust Power Apps portaalidega töötamiseks.

Portaalide jaoks mõeldud VS Code'i laiend

Power Platform Tools lisavad võimaluse konfigureerida portaale VS Code abil ja kasutada sisseehitatud Liquid keele IntelliSence rakendust, mis võimaldab kasutada koodilõpetajat, abil ja lisamisel portaalide liidese kohandamisel VS Code abil. VS Code'i laienduse abil saate portaale konfigureerida ka Microsoft Power Platform CLI portaalide toe kaudu.

eeltingimused

Enne Power Appsi portaalide jaoks VS Code'i laienduse kasutamist peate peate tegema järgmist.

• Laadige alla, installige ja konfigureerige Visual Studio Code. Lisateave: Visual Studio Code'i allalaadimine

• Konfigureerige CLI abil Power Apps portaalide CI/CD tugi oma keskkonda ja süsteemi. Lisateave: Microsoft Power Platform CLI portaalide tugi (eelversioon)

VS Code laienduse installimine

Pärast Visual Studio Code'i installimist peate installima Power Appsi portaalide VS Code'i lisandmooduli laienduse.

VS Code'i laienduse installimiseks:

1. Avage Visual Studio Code.

2. Valige (Laiendused) vasakpoolsel paanil.

   

3. Valige laienduste paani parempoolsest ülaservast.

4. Otsige ja valige Power Platform Tools.

   

5. Valige käsk Installi.

6. Kontrollige olekuteadetest, et laiend oleks edukalt installitud.

Portaalide sisu allalaadimine

Microsoft Dataverse keskkonna autendimiseks ja portaalide sisu allalaadimiseks vaadake õpetust Microsoft Power Platform CLI kasutamine portaalides – portaalide sisu allalaadimine.

Näpunäide

Power Platform Tools laiend lubab automaatselt Microsoft Power Platform CLI käske kasutada VS Code-s Visual Studio integreeritud terminali kaudu.

Lõigendi tugi

Kui kohandate allalaaditud sisu VS Code abil, saate nüüd kasutada IntelliSense Power Apps portaalide liquid siltide jaoks.

Faili ikoonid

Portaalide laiendus VS Code tuvastab ja kuvab allalaaditud portaalide sisus automaatselt failide ja kaustade ikoone.

VS Code kasutab faili ikoonide vaikekujundust, mis ei näita portaaliomaseid ikoone. Portaaliomaste failiikoonide vaatamiseks peate VS Code'i eksemplari värskendama, et kasutada portaaliomast failiikooniteemat.

Portaalidele omase failiikooniga kujunduse lubamiseks:

1. Avage Visual Studio Code.

2. Minge Fail > Eelistused > Faili ikooni teema

3. Valige Power Apps portaalide ikoonide kujundus.

   

Reaalajas eelvaade

Visual Studio Code’i laiendus võimaldab reaalajas eelvaates vaadata arenduskogemuse ajal portaalide sisu lehte Visual Studio Code’i liideses.

Eelvaate vaatamiseks valige paremalt ülaservast, kui HTML-fail on avatud redigeerimisrežiimis.

Eelvaatepaan avaneb redigeeritud lehe parempoolses servas.

Eelvaatefunktsioon nõuab, et teised failid avataks ka samas VS Code'i seansis, mis eelvaate kuvamiseks koosneks HTML-märkest. Näiteks kui avatakse ainult HTML-fail ilma VS Code'i abil avatud kaustastruktuurita, näete järgmist teadet.

![Lisatud käsu "microsoft-powerapps-portals.preview-show" käivitamine nurjus.](media/vs-code-extension/preview-failed.png "Tõrge - Kaasatud käsu käivitamine: "microsoft-powerapps-portals.preview-show" nurjus")

Kui see probleem ilmneb, avage kaust Fail > Avage kaust ja valige allalaaditud portaali sisu kaust, et see avada, enne kui proovite uuesti eelvaadet vaadata.

Automaattekst

Automaatse täitmise võimalus laienduses VS Code näitab praegust redigeeritavat konteksti ja asjakohaseid automaatse täitmise elemente IntelliSense'i kaudu.

Piirangud

Portaalide Power Platform Tools tööriistade jaoks kehtivad praegu järgmised piirangud.

• Lõigendi tugi ja automaatteksti funktsioonid toetavad ainult piiratud funktsioone.
• Reaalajas eelvaade ei toeta kohandatud kujundusi ega ümbrise objekte.

Vaata ka

Microsoft Power Platform CLI portaalide tugi (eelversioon)