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.
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. Veebisaidiomaste failiikoonide vaatamiseks peate rakenduse Visual Studio Code eksemplari uuendama, et kasutada teenusele Power Pages omast failiikooniteemat.
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.
Eelvaate kuvamiseks valige paremas ülaservas nupp Eelvaade, kui HTML-fail avatakse redigeerimisrežiimis.
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 rakenduse Visual Studio Code abil avatud kaustastruktuurita, näete järgmist teadet.
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.
Kui alustate sisestamist, ilmub loend Liquid-siltidest; kui valite sildi, on see korrektselt vormindatud ja valmis edasiseks sisestamiseks.
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
. Ilmub loend olemasolevatest veebimallidest, 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
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
.
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.
- Automaatse täitmise funktsioonid toetavad ainult piiratud funktsionaalsust.
- Reaalajas eelvaade ei toeta kohandatud kujundusi ega ümbrise objekte.
Vaata ka
Power Pages tugi rakenduse Microsoft Power Platform CLI (eelversioon) jaoks