„Visual Studio Code“, skirto žiniatinkliui, naudojimas (peržiūros versija)

[Ši tema yra negalutinė dokumentacija ir gali keistis.]

Dizaino studioje galite redaguoti svetainės kodą naudodami Visual Studio Code, skirtą žiniatinkliui. Ši funkcija leidžia redaguoti toliau nurodytų žiniatinklio metaduomenų statinį turinį, HTML, CSS "Kaiminę" ir "JavaScript ":

Metaduomenys	turinį;
Išplėstinės formos (kelių veiksmų formos)	JavaScript
Pagrindinės formos	JavaScript
Turinio fragmentai	Visas palaikomas turinio turinio turinys
Sąrašai	JavaScript
Žiniatinklio failai	Peržiūrėkite ir atsisiųskite medijos failus. Redaguoti teksto (kodo) lauką.
Tinklalapiai	Visas palaikomas turinys (kalba), "JavaScript" ir CSS
Žiniatinklio šablonai	Visas palaikomas turinys

Pastaba.

Negalėsite kurti metaduomenų įrašų, įtraukti ir redaguoti tik turinio, kodo ir peržiūrėti / atsisiųsti failų priedų.

Žiniatinklio Visual Studio Code suteikia nemokamą nulinį Microsoft Visual Studio Code diegimą, kuris veikia tik naršyklėje ir leidžia greitai ir saugiai naršyti svetainės kodą ir atlikti supaprastinamus kodo keitimus. Daugiau informacijos: Visual Studio Code, skirto žiniatinkliui naudojimas.

Svarbu

• Tai yra peržiūros versijos funkcija.
• Peržiūros funkcijos nėra skirtos naudoti gamybai ir gali būti apribotas jų funkcionalumas. Šias funkcijas galima naudoti prieš oficialų išleidimą, kad klientai galėtų gauti ankstyvą prieigą ir pateikti atsiliepimų.

Pastaba.

• Pirmą kartą Visual Studio code, skirto žiniatinkliui diegimas gali užtrukti, nes bus įdiegti būtini šios funkcijos plėtiniai.
• Failų kūrimo, naikinimo ir pervardijimo operacijos nepalaikomos.
• Naudojant šią funkciją naudojamas Power Platform Tools žiniatinklio plėtinys. Žiniatinklio plėtinius apriboja naršyklės smėlio dėžė, todėl jie yra riboti, palyginti su įprastais plėtiniais.
  • Power PlatformCLI nepalaikoma.
  • Power Platform Tools žiniatinklio plėtinių funkcijos veikia tik Power Pages redaguojant kodą.
  • Ši funkcija nepasiekiama "Government Community Cloud" (GCC), "Government Community Cloud" (GCC High) ir Gynybos departamente (DoD). Šių regionuose vartotojai, naudodami programą Portalų valdymas, redaguos kodą. Daugiau informacijos ieškokite programos "Portalai valdymas" redagavimo kode.

Dizaino studio kodo redagavimas

Galite pradėti redaguoti svetainės kodą naudodami Visual Studio žiniatinklio kodą iš Power Pages pagrindinio puslapio, išskleidžiamajame meniu Redaguoti pasirinkę parinktį Redaguoti svetainės kodą .

Taip pat galite redaguoti kodą dizaino studijoje iš šių sričių:

• Tinklalapio kodo redagavimas darbo srityje Puslapiai
• Antraštės šablono kodas iš puslapių darbo srities
• Pasirinktinio kodo CSS redagavimas naudojant stiliaus darbo sritį
• Kelių formų pasirinktinio "JavaScript" kodo redagavimas
• Pagrindinių formų pasirinktinio "JavaScript" kodo redagavimas
• Pasirinktinės „JavaScript“ sąrašams redagavimas
• Redaguoti turinio fragmentus
• Žiniatinklio šablonų redagavimas
• Peržiūrėkite ir atsisiųskite medijos žiniatinklio failus (paveikslėlius)
• Tekstinių žiniatinklio failų redagavimas (CSS, "JavaScript" ir kiti)

Pažiūrėkite, kaip redaguoti kodą naudojant šias sritis.

Tinklalapio kodo redagavimas darbo srityje Puslapiai

Kai atidarote Power Pages dizaino studio, pamatysite Redagavimo kodo parinktį ¹ puslapio meniu ir viršutiniame dešiniajame ²ekrano kampe.

Antraštės šablono kodas iš puslapių darbo srities

Pasirinkite Redaguoti svetainės antraštę, tada pasirinkite Redaguoti kodą, kad atidarytumėte kodų rengyklę.

Pasirinktinio kodo CSS redagavimas naudojant stiliaus darbo sritį

Eikite į darbo sritį Stilius ir pasirinkite pasirinktinį redagavimo CSS kodo meniu, kad atidarytumėte kodų rengyklę.

Pranešimas "Sulieti konfliktą"

Jei bendradarbiaujate su kitais kūrėjais, gali būti situacijų, kai dirbate su tuo pačiu pirminiu kodu. Jei bandysite įrašyti pasenusio failo pakeitimus, gausite pranešimą Palyginti arba Perrašymas .

Lyginant kodą, bus rodomas dabartinis kodas, pakeisdamas jūsų kodą, ir leis jums grįžti prie esamų pakeitimų, priimti kiekvieną keitimą atskirai arba naudoti pakeitimus ir perrašyti esamą turinį.

Galėsite peržiūrėti naujausią turinį ir sulieti, perrašyti kodą arba atmesti pakeitimus.

Mokymai: Redaguokite svetainės kodą naudodami Visual Studio Code, skirtą žiniatinkliui.

Šiame "jei naudojate "Web", galite redaguoti svetainės kodą naudodami Visual Studio "Code for Web".

Veiksmas 1: Svetainės kodo redagavimas naudojant Visual Studio Žiniatinklio kodas

1. Atidarykite svetainę Power Pages dizaino studijoje.

2. Viršutiniame dešiniajame kampe pažymėkite Redaguoti kodą.

   

3. Pasirinkite Atidaryti Visual Studio Code iš patvirtinimo dialogo.

4. Prisijunkite prie Visual Studio Code naudodami savo aplinkos kredencialus.

5. Palaukite, kol bus inicijuotas Power Platform Tools žiniatinklio plėtinys, o tinklalapio kodas bus įkeltas kairiojoje srityje.

2 žingsnis: turinio ir kodo naujinimas

1. Kairėje ekrano pusėje esanti naršyklė įkelia atitinkamus žiniatinklio konfigūracijos metaduomenis, kuriuos galima redaguoti naudojant žiniatinklio visual kodą.

   

2. Atlikite atitinkamų metaduomenų failų pakeitimus ir paspauskite Ctrl + S, kad įrašytumėte pakeitimus.

3. Eikite į dizaino studio ir pasirinkite " Sync " ir gaukite visus dabartinio dizaino studio seanso naujinimus.

   

4. Pasirinkite Peržiūra norėdami pamatyti keitimus Power Pages svetainėje.

Kodo naudojimas Visual Studio žiniatinklyje arba Visual Studio kodo darbalaukyje

Vartotojai gali redaguoti, iššifruoti ir peržiūrėti puslapio redagavimo pakeitimus, naudodami Visual Studio Code, skirtą žiniatinkliui, nenaudodami išorinių įrankių. Visual Studio "Code Desktop" suteikia kitų išplėstinių funkcijų, skirtų redaguoti visus svetainės metaduomenis ir integruoti su "GitHub", sistemomis ir nuolatinio integravimo / nuolatinio kūrimo (CI / CD) procesais.

Funkcija	VS kodas žiniatinkliui	VS kodo darbalaukis
Naujų svetainės konfigūracijos metaduomenų įrašų kūrimas	No	Galima naudoti tik tinklalapius, puslapių šablonus, žiniatinklio šablonus, turinio šaluketus ir žiniatinklio failus.
Tiesioginis svetainės redagavimas	Taip	No
Svetainės metaduomenų redagavimas	Tik tinklalapių, turinio turinio turinio redagavimas, pagrindinės formos, kelių veiksmų formos, sąrašai ir žiniatinklio šablonai.	Visų Power Pages metaduomenų konfigūracia
Svetainės peržiūra	Planuojama	Planuojama
Power Platform CLI pagalba	No	Taip
Išplėstinis SU SISTEMA IR SAUGYKLA susieta darbo eiga – "Kaitintuvų" ar kitų sistemų kūrimo įrankių palaikymas	No	Taip
"GitHub" integravimas su galimybėmis, pvz., kodo įsiregistravimo, išregistravimo, konfliktų valdymo ir suliejimo galimybėmis.	No	Taip

Kodo redagavimas Portalo valdymo programoje

Pastaba.

• Žiniatinklio kodo naudojimas Visual Studio svetainėms redaguoti nepalaikomas "Government Community Cloud" (GCC), "Government Community Cloud" (GCC High) ir Gynybos departamente (DoD). Šių regionuose vartotojai, naudodami programą Portalų valdymas, gali atlikti savo pakeitimus.

Jei regionas nepalaiko Visual Studio Code, skirto žiniatinkliui, pažymėjus kodų rengyklės piktogramą </> komandų juostoje atidarysite Portalų valdymas programą.

Norėdami redaguoti kodą eikite į Žiniatinklio puslapiai, Pagrindinės formos, Kelių veiksmų formos, Sąrašai arba Žiniatinklio šablonai įrašus, kad galtumėte redaguoti kodą.

Tipas	Kodo vieta
Tinklalapis	Pasirinkite žiniatinklio įrašą. Tinklalapio turinio įrašą pasirinkite Lokalizuotas skyrius. Puslapio kopiją galima redaguoti skirtuko Kopijuoti (HTML)lauke Bendras. Pasirinkite JavaScript ir Kliento CSS kodą galima redaguoti Išplėstinisskirtuke.
Bazinė forma	Pažymėkite pagrindinės formos įrašą. Redaguokite pasirinktinę "JavaScript " skirtuke Papildomi parametrai.
Kelių veiksmų forma	Pažymėkite kelių reikšmių formos įrašą. Kelių reikšmių formos žingsnį pasirinkite Formos žingsniai skirtuką. Redaguokite Kliento JavaScript skirtuke Formos parinktys .
Sąrašas	Pažymėkite sąrašo įrašą. Redaguokite pasirinktinę JavaScript skirtuke Parinktys .
Žiniatinklio šablonas	Pažymėkite žiniatinklio šablono įrašą. Redaguoti Šabloną skirtuke Bendras .

Įrašykite įrašą ir peržiūrėkite svetainę, kad išbandykite kodą.

Taip pat žr.

• Naudokite Visual Studio Code ir Microsoft Power Platform CLI