Del via


Bruk Visual Studio Code-utvidelsen

Obs!

Fra og med 12. oktober 2022 er Power Apps-portaler Power Pages. Mer informasjon: Microsoft Power Pages er nå tilgjengelig (blogg)
Vi overfører og slår snart sammen Power Apps-portaldokumentasjonen med Power Pages-dokumentasjonen.

Oversikt

Visual Studio Code (VS Code) er et lett og kraftig redigeringsprogram for kildekode som kjører på skrivebordet og er tilgjengelig for Windows, macOS og Linux. Det leveres med innebygd støtte for JavaScript, TypeScript og Node.js og har et omfattende økosystem med utvidelser for andre språk (for eksempel C++, C#, Java, Python, PHP og Go) og kjøretidsfiler (for eksempel .NET og Unity). Hvis du vil ha mer informasjon, kan du se Komme i gang med VS Code.

VS Code lar deg utvide funksjonalitet via utvidelser. VS Code-utvidelser kan legge til flere funksjoner i den totale opplevelsen. Når denne funksjonen er utgitt, kan du nå bruke VS Code-utvidelsen til å arbeide med Power Apps-portaler.

VS Code-utvidelse for portaler

Power Platform Tools legger til muligheten for å konfigurere portaler ved hjelp av VS Code, og bruker det innebygde Liquid-språket IntelliSense til å gi hjelp med fullføring av kode, hjelp og hinting under tilpassing av portalers grensesnitt ved hjelp av VS Code. Ved hjelp av VS Code-utvidelsen kan du også konfigurere portaler via portalstøtten for Microsoft Power Platform CLI.

Animasjon som forklarer hvordan du installerer og angir Power Platform Tools.

Forutsetning

Før du bruker VS Code-utvidelsen for Power Apps-portaler, må du gjøre følgende:

Installer VS Code-utvidelse

Etter at du har installert Visual Studio Code, må du installere utvidelsen for plugin-modulen for Power Apps-portaler for VS Code.

Slik installerer du VS Code-utvidelsen:

  1. Åpne Visual Studio Code.

  2. Velg Utvidelser-ikon. (Utvidelser) fra venstre rute.

    Velg utvidelser.

  3. Velg ikonet Innstillinger. fra øverst til høyre i utvidelsesruten.

  4. Søk etter og velg Power Platform Tools.

    Velg Power Platform Tools.

  5. Velg Installer.

  6. Kontroller at utvidelsen er installert fra statusmeldingene.

Last ned portalinnhold

Hvis du vil godkjenne mot et Microsoft Dataverse-miljø og laste ned portalinnhold, kan du se opplæringen Bruk Microsoft Power Platform CLI med portaler – last ned portalinnhold.

Tips

Power Platform Tools-utvidelsen aktiverer automatisk ved hjelp av Microsoft Power Platform CLI-kommandoer fra VS Code via Visual Studio integrert terminal.

Snuttkundestøtte

Når du tilpasser nedlastet innhold ved hjelp av VS Code, kan du nå bruke Liquid-koder for IntelliSense for Power Apps-portaler.

Snutt med et eksempel på fullføring av Liquid-merket for enhet.

Filikoner

VS Code-utvidelsen for portaler identifiserer automatisk og viser ikoner for filer og mapper i det nedlastede portalinnholdet.

Liste over filer i en startportal med et portalspesifikt filikontema.

VS Code bruker standard filikontema som ikke viser portalspesifikke ikoner. Hvis du vil vise filikoner som er spesifikke for portalene, må du oppdatere forekomsten av VS Code slik at den bruker det portalspesifikke filikontemaet.

Slik aktiverer du et portalspesifikt filikontema:

  1. Åpne Visual Studio Code.

  2. Gå til Fil > Innstillinger > Filikontema

  3. Velg temaet for Power Apps-portalikoner.

    Velg temaet for Power Apps-portalikoner.

Direkteforhåndsvisning

Med Visual Studio-kodeutvidelsen kan du forhåndsvise portalinnholdssiden i Visual Studio Code-grensesnittet under utviklingen.

For å se forhåndsvisningen velger du Forhåndsvis-knapp. øverst til høyre når en HTML-fil åpnes i redigeringsmodus.

Sideforhåndsvisning.

Forhåndsvisningsruten åpnes til høyre på siden som redigeres.

Et skjermbilde med filliste, åpen fil i VS Code-redigeringsprogrammet og en forhåndsvisning til høyre.

Forhåndsvisningsfunksjonen krever at de andre filene også er åpne i samme VS Code-økt som utgjør HTML-koden, for at forhåndsvisningen skal vises. Hvis for eksempel bare HTML-filen åpnes uten at mappestrukturen åpnes med VS Code, vises følgende melding:

Kjøring av den medvirkede kommandoen: microsoft-powerapps-portals.preview-show mislyktes.

Når dette problemet oppstår, åpner du mappen ved hjelp av Fil > Åpne mappe og velger den nedlastede mappen for portalinnhold som skal åpnes, før du prøver å forhåndsvise på nytt.

Autofullfør

Autofullføringsfunksjonen i VS Code-utvidelsen viser gjeldende kontekst som redigeres, og de relevante autofullføringselementene via IntelliSense.

Et eksempel på autofullføring for sidemal-ID-en.

Begrensninger

Følgende begrensninger gjelder for Power Platform Tools for portaler:

Se også

Portaler-støtte for Microsoft Power Platform CLI (forhåndsversjon)