Kodo redagavimas naudojant "Visual Studio Code for the Web" (peržiūra)

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

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

Metaduomenys	Turinys
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.

"Visual Studio Code for the Web" suteikia nemokamą "Microsoft Visual Studio Code" patirtį, veikiančią tik jūsų naršyklėje, todėl galite greitai ir saugiai naršyti svetainės kodą ir atlikti nedidelius kodo pakeitimus. Daugiau informacijos: Visual Studio Code žiniatinklio patirčiai.

Svarbu

• Tai yra peržiūros 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 žiniatinklyje įkėlimas gali užtrukti, nes bus įdiegti reikalingi š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ėtinio funkcijos apsiriboja "Power Pages" kodo redagavimo patirtimi.
  • Š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 žiniatinklio Visual Studio Code 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 iš puslapių darbo srities

Atidarę Power Pages dizaino studiją, puslapių meniu1 ir viršutiniame dešiniajame ekrano kampe² matote parinktį ^{Redaguoti kodą}.

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

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

Redaguokite pasirinktinį CSS kodą iš "Styling" darbo srities

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

"Power Pages" veiksmų rodinys

Rodinys Power Pages Veiksmai, pasiekiamas failų naršyklės apačioje, leidžia valdyti Power Pages svetaines tiesiogiai redaktoriuje. 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, atlikite šį 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.

Mokymo programa: svetainės kodo redagavimas naudojant žiniatinklio "Visual Studio Code"

Šioje mokymo programoje galite redaguoti svetainės kodą naudodami "Visual Studio Code for Web".

1 veiksmas: redaguokite svetainės kodą naudodami "Visual Studio Code", skirtą žiniatinkliui

1. Atidarykite svetainę Power Pages dizaino studija

2. Viršutiniame dešiniajame kampe pasirinkite Redaguoti kodą

   

3. Patvirtinimo dialogo lange pasirinkite Atidaryti Visual Studio Code.

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 Preview, kad pamatytumėte Power Pages svetainės pakeitimus.

"Visual Studio Code" naudojimas žiniatinkliui arba "Visual Studio Code Desktop"

Vartotojai gali redaguoti, derinti ir peržiūrėti puslapio redagavimo pakeitimus naudodami "Visual Studio Code for the Web" 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 tobulinimo (CI/CD) procesais.

Funkcija	VS kodas žiniatinkliui	VS kodo darbalaukis
Naujų svetainės konfigūracijos metaduomenų įrašų kūrimas	Ne	Galima naudoti tik tinklalapius, puslapių šablonus, žiniatinklio šablonus, turinio šaluketus ir žiniatinklio failus.
Tiesioginis svetainės redagavimas	Taip	Ne
Svetainės metaduomenų redagavimas	Tik tinklalapių, turinio turinio turinio redagavimas, pagrindinės formos, kelių veiksmų formos, sąrašai ir žiniatinklio šablonai.	Visos "Power Pages" metaduomenų konfigūracijos
Svetainės peržiūra	Planuojama	Planuojama
Power Platform CLI palaikymas	Ne	Taip
Išplėstinė procesoriaus ir saugyklos darbo eiga – "ReactJS" ar kitų sistemos kūrimo įrankių palaikymas	Ne	Taip
"GitHub" integracija su tokiomis galimybėmis kaip kodo registravimas, išregistravimas, konfliktų valdymas ir sujungimas.	Ne	Taip

Kodo redagavimas Portalo valdymo programoje

Pastaba.

• "Visual Studio Code for the Web" naudojimas žiniatinklio svetainėms 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 žiniatinklio Visual Studio Code, komandų juostoje pasirinkus kodo rengyklės piktogramą </>, bus atidaryta programa portalo valdymas.

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 žiūrėkite

• Naudokite Visual Studio Code ir Microsoft Power Platform CLI