Lue englanniksi

Jaa


Visual Studio Code -laajennuksen käyttäminen

Visual Studio 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.

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.

Huomautus

  • Varmista, että node.js on ladattu ja asennettu samaan työasemaan kuin Visual Studio Code, 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.

Vihje

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.

    Valitse teema Power Apps -portaalien kuvakkeille.

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 Esiversio-painike. oikeassa yläkulmassa, kun HTML-tiedosto on avoinna muokkaustilassa.

Sivun esikatselu.

Esikatseluruutu avautuu muokatun sivun oikeaan reunaan.

Esiin tulee näyttö, jossa on tiedostoluettelo. Avaa tiedosto Visual Studio Code -editorissa ja esikatsele sitä 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.

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.

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 kirjoittaa, ja Liquid-tunnisteiden luettelo tulee näkyviin. Kun olet valinnut tunnisteen, se muotoillaan oikein. Tämän jälkeen se on valmis vastaanottamaan lisää syötteitä.

Katkelma, jossa on esimerkki valmiista Liquid-tunnisteesta.

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.

Liquid-objektin syöttäminen.

Mallitunnisteet

Näet Power Pagesin verkkomallin ehdotukset asettamalla kohdistimen lauseen {include ' '} kohdalle ja valitsemalla kohdan <CTRL> - space. Näkyviin tulee olemassa olevien verkkomallien luettelo, josta voit valita haluamasi.

Mallitunnisteet.

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

Luo uusia sivuston osia pikavalikon vaihtoehdon avulla, valitse jokin tuetuista objekteista napsauttamalla hiiren kakkospainikkeella, valitse Power Pages ja valitse sivuston objektityyppi, jonka haluat luoda.

Vaihtoehtoisesti voit käyttää Visual Studio Code -komennon valikoimaan valitsemalla näppäimet Ctrl + Shift + P.

Luo uusi objekti.

Objektin luomista varten on määritettävä lisää parametreja.

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.

Huomautus

Poistetut objektit voidaan palauttaa työpöydän roskakorista.

Rajoitukset

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

Katso myös

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