Jagamisviis:


Visual Studio Code'i laienduse kasutamine

Visual Studio Code on lihtne, kuid jõuline lähtekoodi redaktor, mis töötab teie töölaual ja on saadaval Windowsi, maciOS-i ja Linuxiga. See on integreeritud tugi JavaScript, TypeScripti ja Node.js'i jaoks ning pakub rikkalikku laienduste ökosüsteeme teiste keelte (nt C++, C#, Java, Python, PHP, ja Go) ning käitusaega (nagu näiteks .NET ja Unity). Lisateavet leiate teemast VS Code'i kasutuse alustamine.

Visual Studio Code võimaldab laiendada oma võimalusi laienduste kaudu. Visual Studio Code'i laiendused võivad üldisele kogemusele lisada rohkem funktsioone. Selle funktsiooni väljalaskega saate nüüd kasutada Visual Studio Code'i laiendust teenusega Power Pages töötamiseks.

Visual Studio Code laiendus teenuse Power Pages jaoks

Power Platform Tools lisavad võimaluse konfigureerida veebisaite rakenduse Visual Studio Code abil ja kasutada sisseehitatud Liquid keele IntelliSense rakendust, mis võimaldab kasutada koodilõpetajat, abil ja lisamisel portaalide liidese kohandamisel rakenduse Visual Studio Code abil. Visual Studio Code laiendi abil saate portaale konfigureerida ka Microsoft Power Platform CLI kaudu.

Märkus.

  • Peate tagama, et node.js laaditakse alla ja installitakse funktsioonide tööks samasse tööjaama kui rakendus Visual Studio Code, et teenuse Power Pages funktsioonid toimiksid.
  • Veenduge, et ainult teenuse Power Platform Tools oleksid endiselt installitud, mitte mõlemad nii teenuse Power Platform Tools kui ka rakendus Power Platform Tools [EELVERSIOON]. Vt üksikasjade saamiseks teadaolevaid probleeme.

Animatsioon, mis selgitab, kuidas teenust Power Platform Tools installida ja seadistada.

eeltingimused

Enne teenuses Power Pages rakenduse Visual Studio Code laienduse kasutamist peate peate tegema järgmist.

Rakenduse Visual Studio Code laienduse installimine

Pärast rakenduse Visual Studio Code installimist peate installima teenuse Power Platform tools rakenduse Visual Studio Code lisandmooduli laienduse.

Rakenduse Visual Studio Code laienduse installimiseks:

  1. Avage Visual Studio Code.

  2. Valige vasakpoolselt paanilt Laiendid.

    Rakenduse Visual Studio Code laiend.

  3. Valige laienduste paani parempoolses ülanurgas ikoon Sätted.

  4. Otsige ja valige Power Platform Tools.

    Valige teenus Power Platform Tools.

  5. Valige käsk Installi.

  6. Kontrollige olekuteadetest, et laiend oleks edukalt installitud.

Veebisaidi sisu allalaadimine

Rakenduse Microsoft Dataverse keskkonna autentimiseks ja veebisaidi sisu allalaadimiseks vaadake õpetust Microsoft Power Platform CLI kasutamine teenuses Power Pages – veebisaidi sisu allalaadimine.

Jootraha

Teenus Power Platform Tools laiend lubab automaatselt rakenduse Microsoft Power Platform CLI käske kasutada rakenduses Visual Studio Code Visual Studio integreeritud terminali kaudu.

Faili ikoonid

Teenuse Power Pages rakendus Visual Studio Code laiend tuvastab ja kuvab allalaaditud veebisaidi sisus automaatselt failide ja kaustade ikoone.

Failide loend algusmallis veebisaidile omase faili ikooniteemaga.

Rakendus Visual Studio Code kasutab faili ikoonide vaiketeemat, mis ei näita teenusele Power Pages omaseid ikoone. Veebisaidiomaste failiikoonide vaatamiseks peate rakenduse Visual Studio Code eksemplari uuendama, et kasutada teenusele Power Pages omast failiikooniteemat.

Portaalidele omase failiikooniga kujunduse lubamiseks:

  1. Avage Visual Studio Code.

  2. Avage Fail>Eelistused>Teema>Faili ikooni teema

  3. Valige teenuse PowerApps portaalide ikoonide teema.

    Valige Power Apps portaalide ikoonide kujundus.

Reaalajas eelvaade

Rakenduse Visual Studio Code laiendus võimaldab reaalajas eelvaates vaadata arenduskogemuse ajal teenuse Power Pages sisu lehte rakenduse Visual Studio Code liideses.

Eelvaate kuvamiseks valige Nupp Eelvaade. paremas ülaservas nupp Eelvaade, kui HTML-fail avatakse redigeerimisrežiimis.

Lehe eelvaade.

Eelvaatepaan avaneb redigeeritud lehe parempoolses servas.

Faililoendiga kuva, faili avamine rakenduse Visual Studio Code redaktoris ja eelvaade paremalt.

Eelvaatefunktsioon nõuab, et teised failid avataks ka samas rakenduse Visual Studio Code seansis, mis eelvaate kuvamiseks koosneks HTML-märkest. Näiteks kui avatakse ainult HTML-fail ilma rakenduse Visual Studio Code abil avatud kaustastruktuurita, näete järgmist teadet.

Kaasatud käsu käivitamine:

Kui see probleem ilmneb, avage kaust Fail >Avage kaust ja valige allalaaditud veebisaidi sisu kaust, et see avada, enne kui proovite uuesti eelvaadet vaadata.

Automaattekst

Automaatse täitmise võimalus laienduses rakenduse Visual Studio Code näitab praegust redigeeritavat konteksti ja asjakohaseid automaatse täitmise elemente IntelliSense'i kaudu.

Lehemalli ID automaatteksti näide.

Liquid-sildid

Kui kohandate allalaaditud sisu rakenduse Visual Studio Code abil, saate nüüd kasutada IntelliSense teenuse Power Pages Liquid-siltide jaoks.

Kui alustate sisestamist, ilmub loend Liquid-siltidest; kui valite sildi, on see korrektselt vormindatud ja valmis edasiseks sisestamiseks.

Koodilõik Liquid-sildi lõpetamise näitega.

Liquid-objektid

Saate näha Liquid-objekti koodi lõpetamist, kui sisestate {{ }}. Kui kursor on paigutatud sulgude vahele, valige <CTRL + space>, et kuvada loend Liquid-objektidest, mida saate valida. Kui objektil on rohkem atribuute, saate sisestada . ja seejärel valige <CTRL + space> uuesti, et näha Liquid-objekti kindlaid atribuute.

Liquid-objekti sisestamine.

Mallisildid

Saate näha teenuse Power Pages veebimalli soovitusi, asetage oma kursor {include ' '} avaldisele ja valige <CTRL> - space. Ilmub loend olemasolevatest veebimallidest, mille saate valida.

Mallisildid.

Veebisaidi objektide loomine, kustutamine ja ümbernimetamine

Rakendusest Visual Studio Code saate luua, kustutada ja ümber nimetada järgmisi veebisaidikomponente:

  • Veebilehed
  • Lehemallid
  • Veebimallid
  • Sisulõigud
  • Uued varad (veebifailid)

Toimingute loomine

Saate kasutada uute veebisaidi komponentide loomiseks kontekstmenüü valikuid, valige paremaga üks toetatud objektidest, valige teenus Power Pages ja valige veebisaidi objekti tüüp, mida soovite luua.

Teise võimalusena saate kasutada rakenduse Visual Studio Code käsupaletti, valides Ctrl + Shift + P.

Looge uus objekt.

Objekti loomiseks peate määrama rohkem parameetreid.

Objekt Parameetrid
Veebilehed Nimi, lehemall, emaleht
Lehemallid Nimi, veebimall
Veebimallid Nimetus
Sisulõigud Nimi ja kas koodilõik saab olema HTML või tekst.
Uued varad (veebifailid) Nimi, emaleht ja valige üleslaadimiseks fail.

Toimingute ümbernimetamine ja kustutamine

Faili navigeerimise kaudu saate kasutada kontekstimenüüd teenuse Power Pages komponentide ümbernimetamiseks või kustutamiseks.

Märkus.

Kustutatud objekte saab töölaua prügikastist taastada.

Piirangud

Portaalide Power Platform Tools tööriistade jaoks kehtivad praegu järgmised piirangud.

Vaata ka

Power Pages tugi rakenduse Microsoft Power Platform CLI (eelversioon) jaoks