Jagamisviis:


Visual Studio Code'i laienduse kasutamine

Visual Studio Kood on kerge ja võimas lähtekoodi redaktor Windowsi, macOS-i ja Linuxi jaoks. See toetab JavaScript, TypeScripti ja Node.js ning sellel on rikkalik laienduste ökosüsteem teistele keeltele, nagu C++, C#, Java, Python, PHP ja Go, ning käitusaegadele nagu .NET ja Unity. Lisateavet koodi kohta Visual Studio leiate teemast Alustamine VS-koodiga.

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.

  • Funktsioonide toimimiseks peate tagama, et node.js Visual Studio laaditakse alla ja installitakse koodiga Power Pages samasse tööjaama.
  • 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. Veebisaitide omaste failiikoonide kuvamiseks peate värskendama koodieksemplari, Visual Studio et kasutada Power Pages konkreetset failiikooni teemat.

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.

    Kuvatõmmis näitab portaaliikoonide kujunduse Power Apps valimist.

Reaalajas eelvaade

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

Eelversioon nägemiseks valige Nupu eelversioon kuvatõmmis. HTML-faili avamisel redigeerimisrežiim paremas ülanurgas.

Kuvatõmmis lehest eelversioon.

Eelvaatepaan avaneb redigeeritud lehe parempoolses servas.

Kuvatõmmis, millel on kujutatud faililoend, avatud fail koodiredaktoris Visual Studio ja eelversioon paremal küljel.

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 et kausta struktuur oleks koodi abil Visual Studio avatud, kuvatakse järgmine teade.

Kuvatõmmisel on näha, et kaastöötud käsk

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.

Kuvatõmmis lehemalli ID automaatteksti näitega.

Liquid-sildid

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

Alustage tippimist, et näha vedelate siltide loendit. Valige silt, et see õigesti vormindada, ja jätkake oma sisendiga.

Kuvatõmmis lõigend koos vedelikusildi 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.

Kuvatõmmis näitab vedela objekti sisestamist.

Mallisildid

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

Mallisiltide kuvatõmmis.

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

Kontekstimenüü suvandite abil saate luua uusi veebisaidi komponente. Paremklõpsake ühte toetatud objektidest, valige Power Pages ja valige veebisaidi objektitüü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.

Power Pages CLI toetamine Microsoft Power Platform (eelversioon)