Naudokite Visual Studio Code plėtinį
„Visual Studio Code“ yra supaprastinta, bet efektyvi šaltinio kodų rengyklė, paleidžiama kompiuteryje ir skirta „Windows", „macOS" ir „Linux“. Jis pateikiamas su įmontuotu "JavaScript", "TypeScript" ir "Node" palaikymu.js ir turi turtingą kitų kalbų plėtinių (pvz., C++, C#, Java, Python, PHP ir Go) ir vykdymo laiką (pvz., .NET ir vienybę) ekosistemą. Daugiau informacijos ieškokite Darbo su „VS Code“ pradžia.
„Visual Studio Code“ leidžia išplėsti savo galimybes per plėtinius. Visual Studio Code plėtiniai gali įtraukti daugiau funkcijųprie bendros patirties. Išleidę šią funkciją, dabar su portalais galite naudoti Visual Studio Code plėtinį, norint dirbti su Power Pages.
Visual Studio Code plėtinys, skirtas Power Pages
Power Platform Tools prideda galimybę konfigūruoti tinklalapius, naudojant Visual Studio Code ir naudoti įtaisytą Liquid kalbą IntelliSense įgalinančią kodo užbaigimą, pagalbą ir susekimo funkciją tinkinant tinklalapių sąsają naudojant Visual Studio Code. Naudodami „Visual Studio Code“ plėtinį, portalus taip pat galite sukonfigūruoti per Microsoft Power Platform CLI.
Pastaba.
- Turėsite užtikrinti, kad "node.js" bus atsisiunčiamas ir diegiamas tame pačiame darbe kaip ir Visual Studio Code, reikalingas Power Pages funkcijoms veikti.
- Į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 plėtinį „Visual Studio Code“, skirtą „Power Pages“, turite:
Atsisiųsti ir diegti ir konfigūruoti „Visual Studio Code“. Daugiau informacijos: Atsisiuntimo „Visual Studio Code“
Konfigūruokite aplinką ir „Power Pages“ sistemą, kad būtų galima naudoti CI/CD palaikymą naudojant CLI. Dėl išsamesnės informacijos: Microsoft Power Platform CLI (peržiūros versija)
Įdiegti Visual Studio Code plėtinį
Įdiegę „Visual Studio Code“, turite įdiegti Power Platform Tools priedą, skirtą Visual Studio Code.
Norėdami įdiegti „Visual Studio Code“ plėtinį:
Atidarykite „Visual Studio Code“.
Pasirinkite išplėtimai kairiojoje srityje.
Pasirinkite Nustatymai piktogramą plėtinių srities viršuje dešinėje.
Ieškokite įrankių ir pažymėkite Power Platform Tools.
Pasirinkti Diegti.
Patikrinkite, ar plėtinys sėkmingai įdiegtas būsenos pranešimuose.
Atsisiųsti svetainės turinį
Norėdami autentifikuoti Microsoft Dataverse aplinkoje ir atsisiųsti tinklalapio turinį, žr. mokymus Naudoti Microsoft Power Platform CLI su Power Pages - atsisiųskite tinklalapio turinį.
Arbatpinigiai
Power Platform Tools plėtinys automatiškai įjungia Microsoft Power Platform CLI komandas iš Visual Studio Code per Visual Studio Integruotą terminalą.
Failo piktogramos
Visual Studio Code plėtinys, skirtas Power Pages automatiškai nustato ir rodo failų ir aplankų piktogramas atsisiųstų tinklalapio turinyje.
"Visual Studio Code" naudoja numatytąją failo piktogramos temą kurioje nerodomod Power Pages būdingos piktogramos. Norėdami peržiūrėti jūsų tinklalapiams būdingas failų piktogramas, turėsite atnaujinti "Visual Studio Code" egzempliorių, kad galėtumėte naudoti Power Pages būdingą failo piktogramos temą.
Norėdami įgalinti portalams būdingą failo piktogramos temą:
Atidarykite „Visual Studio Code“.
Eikite į Failo>Ypatybės>Tema>Failo piktogramos tema
Pasirinkite PowerApps portalų piktogramų temą.
Tiesioginė peržiūra
„Visual Studio Code“ plėtinys leidžia tiesioginės peržiūros parinktį peržiūrėti Power Pages turinio puslapį „Visual Studio Code“ sąsajoje kūrimo metu.
Norėdami peržiūrėti, viršutiniame dešiniajame kampe pasirinkite 
peržiūros mygtuką, kai HTML failas atidarytas redagavimo režime.
Peržiūros sritis atidaroma dešinėje redaguojamo puslapio pusėje.
Peržiūros funkcija reikalauja, kad kiti failai taip pat būtų atidaryti tame pačiame „Visual Studio Code“ seanse, kuris sudaro HTML žymėjimą peržiūrai rodyti. Pavyzdžiui, jei atidaromas tik HTML failas neatidarant aplanko struktūros naudojant „Visual Studio Code“, bus rodomas toks pranešimas.
Iškilus šiai problemai, atidarykite aplanką naudodami Failą > Atidarykite aplankalą ir pasirinkite atsisiųstą tinklalapio turinio aplanką, kurį norite atidaryti prieš bandydami peržiūrėti dar kartą.
Automatinis užbaigimas
„Visual Studio Code“ plėtinio automatinio užbaigimo galimybė rodo dabartinį redaguojamą kontekstą ir atitinkamus automatinio užbaigimo elementus per „IntelliSense".
Liquid žymės
Tinkindami atsisiųstą turinį naudodami „Visual Studio Code“, dabar galite naudoti „IntelliSense" „Power Pages Liquid žymėse.“
Pradėkite rašyti ir bus rodomas "Išsėdęs" žymių sąrašas, pažymėus žymę ji bus tinkamai formatuota ir paruošta daugiau įvesties.
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 žiniatinklio Power Pages šablonų pasiūlymus užvesdami žymeklį į patvirtinimą {include ' '} ir pažymėdami <CTRL> - space. Bus rodomas esamų žiniatinklio šablonų sąrašas, kurį norite pažymėti.
Svetainės objektų kūrimas, naikinimas ir pervardijimas
Naudodami Visual Studio Code galite kurti, naikinti ir pervardyti šiuos svetainės komponentus:
- Tinklalapiai
- Puslapio šablonai
- Žiniatinklio šablonai
- Turinio fragmentai
- Naujas turtas (žiniatinklio failai)
Operacijų kūrimas
Kontekstinio meniu parinktis galite naudoti naujiems svetainės komponentams kurti, dešiniuoju pelės mygtuku pažymėti vieną iš palaikomų objektų, pasirinkti ir pažymėti svetainės objekto tipą, Power Pages kurį norite sukurti.
Arba galite naudoti Visual Studio Code komandos paletę pasirinkdami Ctrl + Shift + P.
Kad objektas būtų sukurtas, turėsite nurodyti daugiau parametrų.
| Objektas | Parametrai |
|---|---|
| Tinklalapiai | Pavadinimas, puslapio šablonas, pirminis puslapis |
| Puslapio šablonai | Pavadinimas, žiniatinklio šablonas |
| Žiniatinklio šablonai | Pavadinimą |
| 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
Norėdami pervardyti arba panaikinti komponentus, failų naršymo srityje galite naudoti kontekstinį Power Pages meniu.
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 fragmento palaikymas ir automatinio užbaigimo funkcijos palaiko tik ribotas funkcijas.
- Tiesioginė peržiūra nepalaiko pasirinktinių temų arba skystų objektų.