Naudokite Visual Studio Code plėtinį

Straipsnis
01/30/2025

Visual Studio Kodas 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 kodą dalyje Darbo su VS kodu 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.

Turite užtikrinti, kad node.js būtų atsisiųstas ir įdiegtas toje pačioje darbo vietoje kaip ir kodas, Visual Studio Power Pages kad funkcijos veiktų.
Į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.

Animacija, kuria paaiškinama, kaip įdiegti ir nustatyti „Power Platform Tools“.

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.

Darbo pradžios šablono sąrašas su konkrečių tinklalapių failų piktogramų tema.

"Visual Studio Code" naudoja numatytąją failo piktogramos temą kurioje nerodomod Power Pages būdingos piktogramos. Norėdami peržiūrėti failų piktogramas, būdingas jūsų svetainėms, turite atnaujinti Visual Studio kodo egzempliorių, kad galėtumėte naudoti Power Pages konkrečią 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 peržiūrą, pasirinkite Peržiūros mygtuko ekrano kopija. viršuje dešinėje, kai HTML failas atidarytas redagavimo režimu.

Puslapio peržiūros ekrano kopija.

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

Ekrano kopija, kurioje rodomas failų sąrašas, atidarytas failas Visual Studio kodo rengyklėje ir peržiūra dešinėje 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 tik HTML failas atidaromas neatidarius aplanko struktūros naudojant Visual Studio kodą, rodomas šis pranešimas.

Ekrano kopijoje rodoma, kaip vykdoma komanda

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".

Ekrano kopija su puslapio šablono ID automatinio užbaigimo pavyzdžiu.

Liquid žymės

Tinkindami atsisiųstą turinį naudodami „Visual Studio Code“, dabar galite naudoti „IntelliSense" „Power Pages Liquid žymėse.“

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

Fragmento su skystos žymos užbaigimo pavyzdžiu ekrano kopija.

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.

Ekrano kopijoje rodomas skysto objekto įvedimas.

Š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. Rodomas esamų žiniatinklio šablonų sąrašas, kurį galite pasirinkti.

Šablono žymių ekrano kopija.

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

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 Visual Studio Code komandos paletę pasirinkdami Ctrl + Shift + P.

Kurti naują objektą.

Norėdami sukurti objektą, turite 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 funkcijos palaiko tik ribotas funkcijas.
Tiesioginė peržiūra nepalaiko pasirinktinių temų ar skystų objektų.

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