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.
eeltingimused
Enne teenuses Power Pages rakenduse Visual Studio Code laienduse kasutamist peate peate tegema järgmist.
Laadige alla, installige ja konfigureerige Visual Studio Code. Lisateave: Visual Studio Code'i allalaadimine
Konfigureerige CLI teenuse Power Pages abil CI/CD tugi oma keskkonda ja süsteemi. Lisateave: Microsoft Power Platform CLI (eelversioon)
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:
Avage Visual Studio Code.
Valige vasakpoolselt paanilt Laiendid.
Valige laienduste paani parempoolses ülanurgas ikoon Sätted.
Otsige ja valige Power Platform Tools.
Valige käsk Installi.
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.
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:
Avage Visual Studio Code.
Avage Fail>Eelistused>Teema>Faili ikooni teema
Valige teenuse PowerApps portaalide ikoonide teema.
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 HTML-faili avamisel redigeerimisrežiim paremas ülanurgas.
Eelvaatepaan avaneb redigeeritud lehe parempoolses servas.
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.
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.
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.
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.
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.
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
.
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.
- Automaatteksti funktsioonid toetavad ainult piiratud funktsioone.
- Live eelversioon ei toeta kohandatud kujundusi ega vedelaid objekte.
Seotud teave
Power Pages CLI toetamine Microsoft Power Platform (eelversioon)