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

[Ši tema yra išankstinio leidimo dokumentacija ir gali būti keičiama.]

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šuose	JavaScript
Žiniatinklio failai	Peržiūrėkite ir atsisiųskite medijos failus. Redaguoti teksto (kodo) lauką.
Tinklalapius	Visas palaikomas turinys (kalba), "JavaScript" ir CSS
Žiniatinklio šablonai	Visas palaikomas turinys

Pastaba.

Negalėsite kurti metaduomenų įrašų, tik įtraukti ir redaguoti turinį, kodą ir peržiūrėti / atsisiųsti failų priedus.

Ž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.
• Ši funkcija naudoja "Power Platform Tools" žiniatinklio plėtinį. Žiniatinklio plėtinius riboja naršyklės smėlio dėžė, todėl jie turi apribojimų, palyginti su įprastais plėtiniais.
  • "Power Platform" CLI 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 "Department of Defense" (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 iš puslapių darbo srities
• Antraštės šablono kodas iš puslapių darbo srities
• Redaguokite pasirinktinį CSS kodą iš "Styling" darbo srities
• 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)
• Redaguoti tekstinius žiniatinklio failus (CSS, JavaScript, 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ę.

"Power Pages" veiksmų rodinys

"Power Pages" veiksmų rodinys, pasiekiamas failų naršyklės apačioje, leidžia valdyti "Power Pages" svetaines tiesiogiai rengyklėje. Tai sumažina poreikį pereiti prie "Power Pages" dizaino studijos, nes kūrėjai gali greitai atlikti įprastas užduotis iš redaktoriaus.

Galimi veiksmai

• Peržiūrėti svetainę
  Šis veiksmas išvalo konfigūracijos talpyklą ir atidaro svetainę VS Code. Tai leidžia kūrėjams peržiūrėti ir išbandyti svetainės kodo pakeitimus neperjungiant konteksto į "Power Pages" dizaino studiją.

• Atidaryti "Power Pages" dizaino studijoje
  Atlikę kodo pakeitimus, naudokite šį veiksmą, kad pereitumėte į "Power Pages" dizaino studiją. Tai naudinga konfigūruojant autentifikavimo teikėjus, žiniatinklio vaidmenis ir kitus svetainės parametrus, kurių negalima redaguoti kodo rengyklėje.

• Atidaryti VS Code Desktop
  Jei įdiegta "VS Code Desktop", šis veiksmas atidaro svetainę darbalaukio programoje. Tai taip pat suaktyvina svetainės atsisiuntimą, užtikrinant, kad kodas būtų pasiekiamas vietoje ir paruoštas redaguoti.

Pranešimas "Sulieti konfliktą"

Jei bendradarbiaujate su kitais kūrėjais, gali būti situacijų, kai dirbsite su tuo pačiu šaltinio 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".

1 veiksmas: svetainės kodo redagavimas naudojant Visual Studio žiniatinklio kodą

1. Atidarykite svetainę Power Pages dizaino studijoje.

2. Viršutiniame dešiniajame kampe pasirinkite 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 palaikymas	No	Taip
Išplėstinė procesoriaus ir saugyklos darbo eiga – "ReactJS" ar kitų sistemos 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.

• "Visual Studio Code" naudojimas žiniatinkliui tinklalapiams redaguoti nepalaikomas "Government Community Cloud" (GCC), "Government Community Cloud" (GCC High) ir "Department of Defense" (DoD). Šių regionų vartotojai gali naudoti portalo valdymo programą keitimams atlikti.

Jei regionas nepalaiko "Visual Studio Code", komandų juostoje pasirinkus kodo rengyklės piktogramą </> bus atidaryta portalo valdymo programa.

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šą. Pasirinkite tinklalapio turinio įrašą iš sekcijos Lokalizuotas turinys . Puslapio kopiją galima redaguoti skirtuko Bendra lauke Kopijuoti (HTML). Pasirinktinį "JavaScript " ir pasirinktinį CSS kodą galima redaguoti skirtuke Išsamiau .
Bazinė forma	Pasirinkite pagrindinės formos įrašą. Redaguokite tinkintą "JavaScript" skirtuke Papildomi nustatymai .
Kelių veiksmų forma	Pasirinkite kelių veiksmų formos įrašą. Pasirinkite kelių veiksmų formos veiksmą skirtuke Formos veiksmai . Redaguokite pasirinktinį JavaScript skirtuke Formos parinktys .
Sąrašas	Pasirinkite sąrašo įrašą. Redaguokite pasirinktinį JavaScript skirtuke Parinktys .
Žiniatinklio šablonas	Pasirinkite žiniatinklio šablono įrašą. Redaguoti šaltinį skirtuke Bendra .

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

Taip pat žr.

• Naudokite Visual Studio kodą ir Microsoft Power Platform CLI