Jaa


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.

Animaatio, joka selittää, miten asennetaan ja määritetään Power Platform Tools.

edellytykset

Ennen Visual Studio Code -laajennusten käyttöä Power Pagesissa on tehtävä seuraavat toiminnot:

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:

  1. Avaa Visual Studio Code.

  2. Valitse Laajennukset vasemmassa ruudussa.

    Visual Studio Code -laajennus.

  3. Valitse Asetukset-kuvake laajennusruudun yläosasta oikealta.

  4. Hae ja valitse Power Platform Tools.

    Valitse Power Platform Tools.

  5. Valitse Asennus.

  6. 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.

Aloitusmallin tiedostoluettelo, jossa on sivustokohtainen tiedostokuvaketeema.

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:

  1. Avaa Visual Studio Code.

  2. Siirry kohtaan Tiedosto>Asetukset>Teema>Tiedostokuvaketeema

  3. Valitse PowerApps -portaalien kuvakkeille teema.

    Näyttökuvassa näkyy Power Apps -portaalikuvakkeiden teeman valitseminen.

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 Näyttökuva esikatselupainikkeesta. oikeassa yläkulmassa, kun HTML-tiedosto on avoinna muokkaustilassa.

Näyttökuva sivun esikatselusta.

Esikatseluruutu avautuu muokatun sivun oikeaan reunaan.

Näyttökuva, jossa on tiedostoluettelo, avoin tiedosto Visual Studio Code -editorissa ja esikatselu oikealla puolella.

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.

Näyttökuva – Käytetyn komennon: 'microsoft-powerapps-portals.preview-show' suorittaminen epäonnistui.

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.

Näyttökuva – Esimerkki sivumallin tunnuksen automaattisesta täydennyksestä.

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ä.

Näyttökuva – Katkelma, jossa on esimerkki Liquid-tunnisteen täyttämisestä.

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.

Näyttökuva Liquid-objektin kirjoittamisesta.

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.

Näyttökuva mallitunnisteista.

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.

Luo uusi objekti.

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:

Microsoft Power Platform CLI:n Power Pages -tuki (esiversio)