Naudokite "Visual Studio Code" plėtinį

"Visual Studio Code" yra lengvas, galingas šaltinio kodo rengyklė, skirta "Windows", "MacOS" ir "Linux". Jis palaiko JavaScript, TypeScript ir Node.js ir turi turtingą kitų kalbų, tokių kaip C++, C#, Java, Python, PHP ir Go, plėtinių ekosistemą ir vykdymo laiką, pvz., .NET ir Unity. Sužinokite daugiau apie Visual Studio Code Pradėkite naudotis VS Code.

Visual Studio Code leidžia išplėsti savo galimybes naudojant plėtinius. "Visual Studio Code" plėtiniai gali pridėti daugiau funkcijų prie bendros patirties. Išleidę šią funkciją, dabar galite naudoti "Visual Studio Code" plėtinį, kad galėtumėte dirbti su "Power Pages".

"Visual Studio Code" plėtinys, skirtas "Power Pages"

Power Platform Tools prideda galimybę konfigūruoti svetaines naudojant Visual Studio Code ir naudoti įtaisytąją "Liquid" kalbą IntelliSense įgalinančią pagalbą dėl kodo užbaigimo, pagalbos ir užuominų tinkinant svetainių sąsają naudojant Visual Studio Code. Naudodami Visual Studio Code plėtinį taip pat galite konfigūruoti portalus naudodami Microsoft Power Platform CLI.

Pastaba.

• Kad Power Pages funkcijos veiktų, turite įsitikinti, kad node.js yra atsisiųsta ir įdiegta toje pačioje darbo vietoje kaip ir Visual Studio Code.
• Įsitikinkite, kad įdiegti tik Power Platform Tools ir ne abu Power Platform Tools ir Power Platform Tools [PERŽIŪROS VERSIJA]. Žr. Žinomos problemos dėl daugiau informacijos.

Būtinosios sąlygos

Prieš naudodami "Power Pages" skirtą "Visual Studio Code" plėtinį, turite:

• Atsisiųskite, įdiekite ir sukonfigūruokite "Visual Studio Code". Daugiau informacijos: Atsisiųsti Visual Studio Code

• Konfigūruokite savo aplinką ir sistemą "Power Pages" CI/CD palaikymui naudodami CLI. Daugiau informacijos: Microsoft Power Platform CLI (peržiūra)

Įdiekite "Visual Studio Code" plėtinį

Įdiegę "Visual Studio Code", turite įdiegti "Power Platform" įrankių papildinio, skirto "Visual Studio Code", plėtinį.

Norėdami įdiegti "Visual Studio Code" plėtinį:

1. Atidarykite "Visual Studio Code".

2. Pasirinkite išplėtimai kairiojoje srityje.

   

3. Pasirinkite Nustatymai piktogramą plėtinių srities viršuje dešinėje.

4. Ieškokite įrankių ir pažymėkite Power Platform Tools.

   

5. Pasirinkti Diegti.

6. Patikrinkite, ar plėtinys sėkmingai įdiegtas būsenos pranešimuose.

Arbatpinigiai

"Power Platform Tools" plėtinys automatiškai leidžia naudoti Microsoft Power Platform CLI komandas iš Visual Studio Code per Visual Studio integruotą terminalą.

"Power Pages" veiksmai

Power Pages veiksmai supaprastina svetainės valdymą ir sumažina priklausomybę nuo Microsoft Power Platform CLI komandų. Power Pages Veiksmai" pasiekiama Visual Studio Code naršyklės šoninės juostos srityje Power Pages Veiksmai.

Šioje srityje svetainės skirstomos į šias kategorijas:

• Aktyvios svetainės: svetainės, kurios šiuo metu pasiekiamos ir aktyvios pasirinktoje aplinkoje.
• Neaktyvios svetainės: svetainės, esančios aplinkoje, bet šiuo metu neaktyvios.
• Kitos svetainės: svetainės, atsisiųstos vietoje, bet dar nesusietos su pasirinkta aplinka.

Besikeičianti aplinka

Norėdami perjungti aplinkas:

1. Pasirinkite mygtuką Keisti aplinką srityje Power Pages veiksmai.

   

2. Iš rodomo sąrašo pasirinkite norimą aplinką.

Kai pasirenkate aplinką, svetainių sąrašas atnaujinamas automatiškai.

Veiksmai svetainėms

Skirtingų tipų svetainėse pateikiami su kontekstu susiję veiksmai, kuriuos galite pasiekti dešiniuoju pelės mygtuku spustelėdami.

Aktyvių svetainių veiksmai

Dešiniuoju pelės mygtuku spustelėkite Aktyvios svetainės, kad pasiektumėte šiuos veiksmus:

• Peržiūra: išvalo talpyklą ir atidaro svetainę VS kode, kad būtų galima nedelsiant peržiūrėti.
• Įkelti: vietiniai pakeitimai įkeliami atgal į jūsų aplinką.
• Atsisiųsti: atsisiunčiamas svetainės turinys į vietinį aplanką, kad būtų galima redaguoti neprisijungus.
• Išsami svetainės informacija: rodoma išsami informacija apie svetainę.
• Atskleisti naršyklėje: Naršo į vietinį katalogą, kuriame yra svetainės kodas.
• Open in Power Pages design studio: atidaro svetainę Power Pages dizaino studijoje.
• Paleiskite CodeQL atranką: atlikite statinę kodo analizę HTML ir JavaScript failuose, kad nustatytumėte kodų bazės pažeidžiamumus naudodami CodeQL. Ši parinktis galima tik svetainėse, kurios atsisiunčiamos vietoje, pažymėtos žyma Dabartinė aktyvių svetainių sąraše.
• Palyginti su vietiniu: atidaro palyginimo rodinį, kad būtų galima nustatyti skirtumus tarp vietinės darbo srities ir nuotolinės aplinkos. Daugiau informacijos apie svetainės konfigūracijos palyginimo funkciją.

Veiksmai Neaktyvios svetainės

Neaktyviose svetainėse atliekami toliau nurodyti veiksmai.

• Open Site Management: atidaro svetainę Power Pages valdymo programoje.
• Išsami svetainės informacija: pateikiama išsami informacija apie pasirinktą svetainę, pvz., svetainės ID, svetainės URL, duomenų modelio versija ir kt.

Veiksmai kitose svetainėse

Svetainėse, saugomose vietoje, bet dar neesančiose jūsų aplinkoje, siūlomi šie veiksmai:

• Įkelti svetainę: įkelia vietinę svetainę į prijungtą aplinką. Nusiuntus svetainė rodoma sąraše Neaktyvios svetainės, kur galite ją suaktyvinti iš "Power Pages" pagrindinio puslapio.
• Atskleisti naršyklėje: Naršo į vietinį katalogą, kuriame yra svetainės kodas.

Failo piktogramos

"Visual Studio Code" plėtinys, skirtas "Power Pages", automatiškai identifikuoja ir rodo failų ir aplankų piktogramas atsisiųstame svetainės turinyje.

Visual Studio Code naudoja numatytąją failo piktogramos temą kuri nerodo Power Pages konkrečių piktogramų. Norėdami peržiūrėti jūsų svetainėms būdingas failų piktogramas, turite atnaujinti "Visual Studio Code" egzempliorių, kad galėtumėte naudoti konkrečią "Power Pages" failo piktogramos temą.

Norėdami įgalinti portalams būdingą failo piktogramos temą:

1. Atidarykite "Visual Studio Code".

2. Eikite į Failo>nuostatų>temos>failo piktogramos tema.

3. Pasirinkite PowerApps portalų piktogramų temą.

   

Svetainės peržiūra

Peržiūros veiksmas naudoja Microsoft Edge DevTools plėtinį, skirtą Visual Studio Code redaktoriaus svetainės peržiūrai pateikti. Ši funkcija paleidžia "Microsoft Edge DevTools" ir įdėtąją "Microsoft Edge" naršyklę su įrenginio emuliacija tiesiai "VS Code", suteikiančią beveik visas tas pačias derinimo ir tikrinimo galimybes, kurias galima rasti visuose "Microsoft Edge DevTools".

Peržiūroje visada rodomi pakeitimai, kuriuos įkėlėte į savo svetainę, todėl prieš atidarydami svetainę įsitikinkite, kad atlikote visus vietinius pakeitimus. Kiekvieną kartą paleidus peržiūrą, svetainės talpykla išvaloma automatiškai, kad būtų užtikrinta, jog peržiūrite naujausius naujinimus.

Norėdami atidaryti peržiūrą, dešiniuoju pelės mygtuku spustelėkite aktyvią svetainę dalyje Power Pages Veiksmai ir pasirinkite Preview. Šis veiksmas atidaro įdėtąją "Microsoft Edge" naršyklę, nukreipiančią į pasirinktą svetainę.

Peržiūros sritis atidaroma dešinėje pusėje.

Svetainės konfigūracijos palyginimas

Naudokite parinktį Palyginti su vietiniu , kad nustatytumėte skirtumus tarp vietinės darbo srities ir tiesioginės svetainės konfigūracijos nuotolinėje aplinkoje. Ši funkcija padeda aptikti nenumatytus pakeitimus, šalinti su aplinka susijusias problemas ir išlaikyti nuoseklumą prieš sinchronizuojant svetainės konfigūracijas.

Pasirinkus šį veiksmą, Power Pages veiksmų rodinyje Įrankiai atidaromas skyrius Svetainių palyginimas0. Šiame skyriuje rodomi visi vietinės darbo srities failai, kurie skiriasi nuo aplinkos, pabrėžiant:

• Pridėta: nauji failai, sukurti vietinėje darbo srityje, kurių aplinkoje nėra.
• Modifikuota: failai, kuriuose kodas arba metaduomenys skiriasi vietinėje ir aplinkos versijose.
• Panaikinta: failai, kurie buvo pašalinti iš vietinės darbo srities, bet vis dar yra aplinkoje.

Norėdami palyginti tiesioginės svetainės konfigūraciją su vietine darbo sritimi:

1. Naršyklės šoninėje juostoje išplėskite sritį Power Pages Veiksmai.
2. Sąraše Aktyvios/neaktyvios svetainės dešiniuoju pelės mygtuku spustelėkite svetainę, kurią norite palyginti.
3. Pasirinkite Palyginti su vietiniu.

Norėdami palyginti konkretų aplanką:

1. Naršyklės šoninėje juostoje pasirinkite aplanką (pvz. web-pages, ) iš vietinės darbo srities.
2. Dešiniuoju pelės mygtuku spustelėkite ir pasirinkite Power Pages>Palyginti su aplinka.

Palyginimo rezultatų valdymas

Kai skirtukas Svetainių palyginimas bus aktyvus su pakeitimais, galite dešiniuoju pelės mygtuku spustelėti palyginimo sąrašą, kad pasiektumėte papildomus veiksmus:

• Atidaryti visus skirtumus: atidaro kiekvieno sąrašo failo Visual Studio Code diff rengyklę, kad būtų galima peržiūrėti visus pakeitimus vienu metu.
• Atnaujinimo palyginimas: iš naujo nuskaito vietinę darbo sritį ir nuotolinę aplinką, kad atnaujintų sąrašą su naujausiais pakeitimais.
• Eksportuoti kaip HTML ataskaitą: sugeneruoja bendrinamą HTML dokumentą, kuriame išsamiai aprašomi visi aptikti skirtumai.
• Eksportuoti kaip JSON: eksportuoja palyginimo duomenis JSON formatu, kad būtų galima automatizuoti darbo eigą arba pasirinktines ataskaitas. Galite bendrinti šį eksportuotą failą su komandos nariais, kurie gali importuoti jį į savo rodinį dešiniuoju pelės mygtuku spustelėję skyrių Svetainių palyginimas ir pasirinkę parinktį Importuoti palyginimą .
• Atmesti visus vietinius pakeitimus: grąžina visus vietinius redagavimus, kad atitiktų šiuo metu nuotolinėje aplinkoje esančią versiją.
• Pašalinti palyginimą: uždaromas dabartinis palyginimo seansas ir išvalomas rezultatų skirtukas.

Arbatpinigiai

Palyginimo duomenų eksportavimas ir bendrinimas kaip JSON leidžia jūsų komandai bendradarbiauti sprendžiant konfigūracijos skirtumus, nereikalaujant, kad visi būtų prisijungę prie tos pačios aplinkos.

Automatinis užbaigimas

"Visual Studio Code" plėtinio automatinio užbaigimo galimybė rodo dabartinį redaguojamą kontekstą ir atitinkamus automatinio užbaigimo elementus naudojant "IntelliSense".

Liquid žymės

Tinkindami atsisiųstą turinį naudodami Visual Studio Code, dabar galite naudoti "IntelliSense", skirtą Power Pages Liquid žymoms.

Pradėkite rašyti, kad pamatytumėte skystų žymių sąrašą. Pasirinkite žymą, kad ją tinkamai suformatuotumėte, ir tęskite įvestį.

Liquid objektai

Įvesdami galite matyti "Išsekęs objekto kodas" užbaigimus {{ }}. Kai žymiklis užtepęs tarp pasvirųjų <CTRL + space> , pažymėkite, kad būtų rodomas susėdęs objektų, kuriuos galite pažymėti, sąrašas. Jei objektas turi daugiau ypatybės, galite įvesti . ir tada pasirinkite <CTRL + space> dar kartą kad pamatytumėte konkrečias objekto Liquid ypatybes.

Šablono žymės

Galite peržiūrėti Power Pages žiniatinklio šablonų pasiūlymus užvesdami žymeklį į sakinį {include ' '} ir pasirinkę <CTRL> - space. Rodomas esamų žiniatinklio šablonų sąrašas, kurį galite pasirinkti.

Svetainės objektų kūrimas, naikinimas ir pervardijimas

"Visual Studio Code" galite kurti, naikinti ir pervardyti šiuos svetainės komponentus:

• Tinklalapius
• Puslapio šablonai
• Žiniatinklio šablonai
• Turinio fragmentai
• Naujas turtas (žiniatinklio failai)

Operacijų kūrimas

Norėdami sukurti naujus svetainės komponentus, galite naudoti kontekstinio meniu parinktis. Dešiniuoju pelės mygtuku spustelėkite vieną iš palaikomų objektų, pasirinkite Power Pages ir pasirinkite norimą sukurti svetainės objekto tipą.

Arba galite naudoti komandų paletę Visual Studio Code pasirinkdami Ctrl + Shift + P.

Norėdami sukurti objektą, turite nurodyti daugiau parametrų.

Objektas	Parametrai
Tinklalapius	Pavadinimas, puslapio šablonas, pirminis puslapis
Puslapio šablonai	Pavadinimas, žiniatinklio šablonas
Žiniatinklio šablonai	Pavadinimas / vardas ir pavardė
Turinio fragmentai	Pavadinimas ir jei puslapio pavadinimas bus HTML arba tekstas.
Naujas turtas (žiniatinklio failai)	Vardas, pirminis puslapis ir pasirinkite norimą nusiųsti failą.

Pervadinkite ir panaikinkite operatorius

Failų naršymo srityje galite naudoti kontekstinį meniu, kad pervardytumėte arba panaikintumėte "Power Pages" komponentus.

Pastaba.

Panaikinti objektai gali būti konvertuojami iš stalinio kompiuterio antrinio sąsodinio.

Apribojimai

Portalų įrankiams šiuo metu „Power Platform Tools“ taikomi šie apribojimai:

• Automatinio užbaigimo funkcijos palaiko tik ribotas funkcijas.

Susijusi informacija

Power Pages Microsoft Power Platform CLI (peržiūros) palaikymas