Visual Studio Code -laajennuksen käyttäminen
Visual Studio Code on kevyt ja tehokas lähdekoodieditori Windowsille, macOS:lle ja Linuxille. Se sisältää JavaScript-, TypeScript- ja Node.js-tuen, ja siinä on monipuolinen laajennusten ekosysteemi muille kielille (kuten C++, C#, Java, Python, PHP ja Go) ja suorituspalveluille (kuten .NET ja Unity). Lisätietoja Visual Studio Codesta on artikkelissa Aloita VS Coden käyttö.
Visual Studio Coden avulla voit laajentaa kapasiteettia käyttämällä laajennuksia. Visual Studio Code -laajennukset voivat lisätä ominaisuuksia käyttökokemuksen kokonaisuuteen. Tämän ominaisuuden julkaisun avulla voit käyttää Visual Studio Code -laajennuksia Power Pagesin kanssa.
Visual Studio Coden Power Pages -laajennus
Power Platform Tools antaa mahdollisuuden määrittää sivustoja Visual Studio Coden avulla ja käyttää sisäistä Liquid-kieltä IntelliSensea. Tämä edistää koodin valmistamista, tukea ja opastusta sekä mukauttaa sivustojen käyttöliittymää Visual Studio Coden avulla. Visual Studio Code -laajennuksen avulla voit myös määrittää portaaleja Microsoft Power Platform CLI:n avulla.
Muistiinpano
- Sinun on varmistettava, että node.js ladataan ja asennetaan Visual Studio Coden kanssa samalle työasemalle, jotta Power Pages -ominaisuudet toimivat.
- Varmista, että vain Power Platform Tools on asennettu, eikä Power Platform Tools ja Power Platform Tools [ESIVERSIO]. Katso lisätietoja. Tunnetut ongelmat.
edellytykset
Ennen Visual Studio Code -laajennusten käyttöä Power Pagesissa on tehtävä seuraavat toiminnot:
Ladata, asentaa ja määrittää Visual Studio Code. Lisätietoja: Visual Studio Coden lataaminen
Määritä ympäristösi ja järjestelmäsi Power Pagesin CI/CD-tuelle CLI:n avulla. Lisätietoja: Microsoft Power Platform CLI (esiversio)
Visual Studio Code -laajennuksen asentaminen
Visual Studio Coden asentamisen jälkeen on asennettava Power Platform Tools -liitännäisen laajennus Visual Studio Codelle.
Voit asentaa Visual Studio Code -laajennuksen seuraavasti:
Avaa Visual Studio Code.
Valitse Laajennukset vasemmassa ruudussa.
Valitse Asetukset-kuvake laajennusruudun yläosasta oikealta.
Hae ja valitse Power Platform Tools.
Valitse Asennus.
Tarkista tilasanomista, että laajennus on asennettu onnistuneesti.
Sivuston sisällön lataaminen
Tietoa todentamisesta Microsoft Dataverse -ympäristössä ja sivuston sisällön lataamisesta löytyy opasohjelmasta Käytä Microsoft Power Platform CLI:tä Power Pagesin kanssa – sivuston sisällön lataaminen.
Tippi
Power Platform Tools -laajennus ottaa automaattisesti käyttöön Microsoft Power Platform CLI -komennot Visual Studio Codessa Visual Studion integroidun päätteen avulla.
Tiedostokuvakkeet
Power Pagesin Visual Studio Code -laajennus tunnistaa ja näyttää automaattisesti ladatun sivuston sisällön tiedostojen ja kansioiden kuvakkeet.
Visual Studio Code käyttää oletustiedostokuvaketeemaa, jossa ei näy Power Pages -kohtaisia kuvakkeita. Jotta voit tarkastella sivustojen tiedostokuvakkeita, sinun täytyy päivittää Visual Studio Code -ilmentymä käyttämään Power Pages -kohtaista tiedostokuvaketeemaa.
Portaalikohtaisen tiedostokuvaketeeman voi ottaa käyttöön käyttäen:
Avaa Visual Studio Code.
Siirry kohtaan Tiedosto>Asetukset>Teema>Tiedostokuvaketeema
Valitse PowerApps -portaalien kuvakkeille teema.
Live-esiversio
Visual Studio Code -laajennuksen avulla voit esikatsella Power Pages -sisältösivua Visual Studio Code -liittymässä kehityskokemuksen aikana.
Nähdäksesi esikatselun 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 Visual Studio Code -istunnossa, joka määrittää HTML-merkinnän esikatselua varten. Jos esimerkiksi vain HTML-tiedosto avataan ilman, että kansiorakennetta avataan Visual Studio Coden avulla, näkyviin tulee seuraava sanoma.
Kun tämä ongelma ilmenee, avaa kansio kohdasta Tiedosto > Avaa kansio ja avaa ladattu sivuston sisältökansio, ennen kuin yrität esikatsella kansiota uudelleen.
Automaattinen täydennys
Visual Studio Coden automaattinen täydennystoiminto näyttää kontekstin, jota muokataan, ja asiaankuuluvat automaattisen täydennyksen elementit IntelliSensen avulla.
Liquid-tunnisteet
Kun ladattua sisältöä mukautetaan Visual Studio Coden avulla, voit käyttää nyt Power Pagesin Liquid-tunnisteiden IntelliSensea.
Aloita kirjoittaminen, niin näet luettelon Liquid-tunnisteista. Valitse tunniste muotoillaksesi sen oikein ja jatka syötettä.
Liquid-objektit
Voit katsoa Liquid-objektin koodin valmistumiset syöttämällä merkkijonon {{ }}. Kun kohdistin on asetettu sulkeisiin, valitse <CTRL + space>. Näkyviin tulee valittavissa olevien Liquid-objektien luettelo. Jos objektilla on useita ominaisuuksia, voit syöttää . ja valita sitten uudelleen <CTRL + space>. Tällöin näkyviin tulevat Liquid-objektin tietyt ominaisuudet.
Mallitunnisteet
Näet Power Pagesin verkkomallin ehdotukset asettamalla kohdistimen lauseen {include ' '} kohdalle ja valitsemalla kohdan <CTRL> - space. Näkyviin tulee luettelo aiemmin luoduista verkkomalleista, joista voit valita.
Sivusto-objektien luominen, poistaminen ja nimeäminen uudelleen
Visual Studio Coden avulla voit luoda, poistaa ja nimetä uudelleen seuraavia sivuston osia:
- Verkkosivut
- Sivumallit
- Verkkomallit
- Sisältökatkelmat
- Uudet resurssit (verkkotiedostot)
Luo toimintoja
Voit käyttää pikavalikkovaihtoehtoja uusien verkkosivustokomponenttien luomiseen. Napsauta hiiren kakkospainikkeella yhtä tuetuista objekteista, valitse Power Pages ja valitse verkkosivuston objektityyppi, jonka haluat luoda.
Vaihtoehtoisesti voit käyttää Visual Studio Code -komennon valikoimaan valitsemalla näppäimet Ctrl + Shift + P.
Sinun on määritettävä lisää parametreja objektin luomiseksi.
| Object | Parametrit |
|---|---|
| Verkkosivut | Nimi, sivumalli, pääsivu |
| Sivumallit | Nimi, verkkomalli |
| Verkkomallit | Name |
| Sisältökatkelmat | Nimi, ja määrittää, onko katkelma HTML- vai tekstimuodossa. |
| Uudet resurssit (verkkotiedostot) | Nimi, pääsivu, ja määritetään ladattava tiedosto. |
Toimintojen uudelleennimeäminen ja poistaminen
Voit käyttää tiedoston siirtymisessä pikavalikkoa, jos haluat nimetä uudelleen tai poistaa Power Pages -osia.
Muistiinpano
Poistetut objektit voidaan palauttaa työpöydän roskakorista.
Rajoitukset
Seuraavat rajoitukset koskevat tällä hetkellä Power Platform Toolsia portaaleissa:
- Automaattinen täydennys -ominaisuudet tukevat vain rajoitettuja toimintoja.
- Live-esiversio ei tue mukautettuja teemoja tai Liquid-objekteja.
Liittyvät tiedot
Microsoft Power Platform CLI:n Power Pages -tuki (esiversio)