Visual Studio Code -laajennuksen käyttäminen

Huomautus

Power Apps -portaaleja kutsutaan 12. lokakuuta 2022 alkaen nimellä Power Pages. Lisätietoja: Microsoft Power Pages on nyt yleisesti saatavilla (blogi)
Siirrämme ja yhdistämme Power Apps -portaalien dokumentaation pian Power Pagesin dokumentaatioon.

Yleiskuvaus

Visual Studio Code (VS Code) on kevyt mutta tehokas lähdekoodin editori, joka toimii työpöydällä ja joka on saatavissa Windowsille, macOS:lle ja Linuxille. Se sisältää sisäänrakennetun JavaScript-, TypeScript- ja Node.js-tuen, ja siinä on monipuoliset lisälaajennukset muille kielille (kuten C++, C#, Java, Python, PHP ja Go) ja suorituspalveluille (kuten .NET ja Unity). Saat lisätietoja ohjeartikkelista VS Coden käytön aloittaminen.

VS Coden avulla voit laajentaa kapasiteettia laajennusten avulla. VS Code -laajennukset voivat lisätä ominaisuuksia käyttökokemuksen kokonaisuuteen. Tämän ominaisuuden julkaisun avulla voit käyttää VS Code -laajennuksia Power Apps -portaalien kanssa.

VS Code -laajennus portaaleille

Power Platform Tools antaa mahdollisuuden määrittää portaaleita käyttäen VS Codea ja käyttää sisäistä Liquid-kieltä IntelliSense, mikä edistää koodin valmistamista, tukea ja opastusta sekä mukauttaa portaalikäyttöliittymää VS Coden avulla. VS Code -laajennuksen avulla voit myös määrittää portaaleja Microsoft Power Platform CLI -portaalituen avulla.

edellytykset

Ennen VS Code -laajennusten käyttöä Power Apps -portaalien kanssa on tehtävä seuraavat tiedot:

• Ladata, asentaa ja määrittää Visual Studio Code. Lisätietoja: Visual Studio Coden lataaminen

• Määritä ympäristösi ja järjestelmäsi Power Apps -portaalien CI/CD-tuelle CLI:n avulla. Lisätietoja: Microsoft Power Platform CLI:n portaalituki (esiversio)

Asenna VS Code -laajennus

Kun olet asentanut Visual Studio Coden, sinun täytyy asentaa Power Apps -portaalien VS Coden laajennuksen lisäosa.

Asenna VS Code -laajennus:

1. Avaa Visual Studio Code.

2. Valitse (Laajennukset) vasemmasta ruudusta.

   

3. Valitse . laajennusruudun oikeasta yläosasta.

4. Hae ja valitse Power Platform Tools.

   

5. Valitse Asennus.

6. Tarkista tilasanomista, että laajennus on asennettu onnistuneesti.

Portaalisisällön lataaminen

Tietoa todentamisesta Microsoft Dataverse -ympäristössä ja portaalisisällön lataamisesta löytyy opasohjelmasta Käytä Microsoft Power Platform CLI:tä portaaleille – portaalisisällön lataaminen.

Vihje

Power Platform Tools -laajennus ottaa automaatisesti käyttöön Microsoft Power Platform CLI-komentojen käytön VS Codesta Visual Studion integroidun päätteen avulla.

Katkelmien tuki

Kun mukautat ladattua sisältöä VS Coden avulla, voit käyttää IntelliSensen liquid-tunnisteita Power Apps -portaaleissa.

Tiedostokuvakkeet

Portaalien VS Code -laajennus tunnistaa ja näyttää automaattisesti ladatun portaalisisällön sisältämien tiedostojen ja kansioiden kuvakkeet.

VS Code käyttää oletustiedostokuvaketeemaa, jossa ei näy portaalikohtaisia kuvakkeita. Jotta voit tarkastella portaalien tiedostokuvakkeita, sinun täytyy päivittää VS Code -ilmentymä käyttämään portaalikohtaista tiedostokuvaketeemaa.

Portaalikohtaisen tiedostokuvaketeeman voi ottaa käyttöön käyttäen:

1. Avaa Visual Studio Code.

2. Mene kohtaan Tiedosto > Asetukset > Tiedostokuvaketeema

3. Valitse teema Power Apps -portaalien kuvakkeille.

   

Live-esiversio

Visual Studio Code -laajennuksen avulla voit esikatsella portaalien sisältösivua Visual Studio Code -liittymässä kehityskokemuksen aikana.

Nähdäksesi esiversion valitse oikeassa yläkulmassa, kun HTML-tiedosto on avoinna muokkaustilassa.

Esikatseluruutu avautuu muokatun sivun oikeaan reunaan.

Esikatselutoiminto edellyttää, että muut tiedostot ovat avoinna myös samassa VS Code -istunnossa, joka määrittää HTML-merkinnän esikatselua varten. Jos esimerkiksi vain HTML-tiedosto avataan ilman, että kansiorakennetta avataan VS Coden avulla, näkyviin tulee seuraava sanoma.

Kun tämä ongelma ilmenee, avaa kansio kohdasta Tiedosto > Avaa kansio ja avaa ladattu portaalin sisältökansio, ennen kuin yrität esikatsella kansiota uudelleen.

Automaattinen täydennys

VS Coden automaattinen täydennystoiminto näyttää kontekstin, jota muokataan, ja asiaankuuluvat automaattisen täydennyksen elementit IntelliSensen avulla.

Rajoitukset

Seuraavat rajoitukset koskevat tällä hetkellä Power Platform Toolsia portaaleissa:

• Katkelmien tuki- ja automaattinen täydennys -ominaisuudet tukevat toimintoja vain rajallisesti.
• Live-esiversio ei tue mukautettuja teemoja tai Liquid-objekteja.

Katso myös

Microsoft Power Platform CLI:n portaalituki (esiversio)