Upravte kód pomocou Visual Studio Code pre webový editor (náhľad).

[Táto téma je predbežnou dokumentáciou a môže sa zmeniť.]

V dizajnérskom štúdiu môžete upraviť kód lokality pomocou Visual Studio Code pre web. Táto funkcia vám umožňuje upravovať statický obsah, HTML, CSS, Liquid a JavaScript pre nasledujúce metadáta webových stránok:

Metaúdaje	Obsah
Rozšírené formuláre (viackrokové formuláre)	JavaScript
Základné formuláre	JavaScript
Zlomky kódu obsahu	Všetok podporovaný obsah zlomku kódu obsahu
Zoznamy	JavaScript
Webové súbory	Zobrazenie a sťahovanie mediálnych súborov. Upraviť textové (kódové) súbory.
Webové stránky	Všetok podporovaný obsah (podľa jazyka), JavaScript a CSS
Webové šablóny	Všetok podporovaný obsah

Poznámka

Nebudete môcť vytvárať metaúdajové záznamy, iba pridávať a upravovať obsah, kód a zobrazovať/sťahovať prílohy súborov.

Visual Studio Code pre web poskytuje bezplatné prostredie s nulovou inštaláciou Microsoft Visual Studio Code, relácia beží úplne vo vašom prehliadači, čo vám umožňuje rýchlo a bezpečne prehliadať kód lokality a vykonávať jednoduché zmeny v kóde. Ďalšie informácie: Visual Studio Code pre webové prostredie.

Dôležité

• Toto je ukážková funkcia.
• Funkcie ukážky nie sú určené na produkčné účely a môžu mať obmedzenú funkčnosť. Tieto funkcie sú k dispozícii pred oficiálnym vydaním, aby k nim mohli zákazníci získať rýchly prístup a poskytnúť odozvu.

Poznámka

• Prvé načítanie Visual Studio Code pre web môže chvíľu trvať, pretože sa budú inštalovať požadované rozšírenia pre túto funkciu.
• Operácie vytvorenia súboru, vymazania a premenovania nie sú podporované.
• Táto funkcia využíva webové rozšírenie Power Platform Tools. Webové rozšírenia sú obmedzené karanténou prehliadača a preto majú obmedzenia v porovnaní s normálnymi rozšíreniami.
  • Power PlatformCLI nie je podporované.
  • Power Platform Tools webového rozšírenia sú obmedzené na Power Pages úpravu kódu.
  • Táto funkcia nie je k dispozícii v Government Community Cloud (GCC), Government Community Cloud (GCC High) a Department of Defense (DoD). Používatelia v týchto regiónoch budú na úpravu kódu používať aplikáciu Správa portálu . Ďalšie informácie nájdete v časti Úprava kódu v aplikácii Správa portálu.

Úprava kódu je k dispozícii v dizajnérskom štúdiu

Kód webu môžete začať upravovať pomocou Visual Studio kódu pre web z domovskej Power Pages stránky výberom možnosti Upraviť kód lokality z rozbaľovacej ponuky Upraviť .

Kód môžete upravovať aj v dizajnovom štúdiu z nasledujúcich oblastí:

• Upravte kód webovej stránky z pracovného priestoru Pages
• Kód šablóny hlavičky z pracovného priestoru Pages
• Upravte vlastný CSS kód z pracovného priestoru Styling
• Upravte vlastný kód JavaScript pre viackrokové formuláre
• Upravte vlastný kód JavaScript pre základné formuláre
• Upravte vlastný JavaScript pre zoznamy
• Upravte zlomky kódu obsahu
• Upravte webové šablóny
• Zobrazenie a sťahovanie mediálnych webových súborov (obrázkov)
• Úprava textových webových súborov (CSS, JavaScript, iné)

Poďme sa pozrieť, ako upraviť kód pomocou týchto oblastí.

Upravte kód webovej stránky z pracovného priestoru Pages

Keď otvoríte dizajnérske štúdio Power Pages, v ponuke Stránky sa zobrazí možnosť Upraviť kód ¹ a v pravom hornom rohu obrazovky².

Kód šablóny hlavičky z pracovného priestoru Pages

Vyberte Upraviť hlavičku lokality a potom vyberte Upraviť kód na otvorenie editora kódu.

Upravte vlastný CSS kód z pracovného priestoru Styling

Prejdite na pracovný priestor Styling a výberom dostupnej vlastnej ponuky CSS Upraviť kód otvorte editor kódu.

Upozornenie na konflikt zlúčenia

Ak spolupracujete s inými vývojármi, môžu nastať situácie, kedy budete pracovať na rovnakom zdrojovom kóde. V prípade, že sa pokúsite uložiť zmeny do zastaraného súboru, dostanete upozornenie Porovnať alebo Prepísať zmeny.

Porovnanie kódu zobrazí aktuálny kód popri vašom kóde a umožní vám vrátiť sa k existujúcim zmenám, prijať každú zmenu samostatne alebo použiť vaše zmeny a prepísať existujúci obsah.

Budete si môcť prezrieť najnovší obsah a kód buď zlúčiť alebo prepísať, alebo zahodiť zmeny.

Návod: Upravte kód lokality pomocou Visual Studio Code pre web

V tomto návode prejdete úpravou kódu lokality pomocou Visual Studio Code pre web.

Krok 1: Úprava kódu webu pomocou Visual Studio Kód pre web

1. Otvorte lokalitu v Power Pages dizajnérskom štúdiu

2. V pravom hornom rohu vyberte Upraviť kód

   

3. V potvrdzovacom dialógovom okne vyberte Otvoriť Visual Studio Code .

4. Prihláste sa do Visual Studio Code pomocou svojich prihlasovacích údajov do prostredia.

5. Počkajte, kým sa inicializuje webové rozšírenie Power Platform Tools a v ľavom paneli sa načíta kód webovej stránky.

2. krok: Aktualizujte obsah a kód

1. Prieskumník na ľavej strane obrazovky načíta príslušné metadáta konfigurácie webových stránok, ktoré je možné upraviť pomocou Visual Code pre web.

   

2. Vykonajte zmeny v príslušných súboroch metadát a stlačením Ctrl+S zmeny uložte.

3. Prejdite do dizajnérskeho štúdia a výberom možnosti Synchronizovať stiahnite všetky aktualizácie z aktuálnej relácie dizajnérskeho štúdia.

   

4. Vyberte Náhľad na zobrazenie zmien na lokalite Power Pages.

Používanie Visual Studio kódu pre web alebo Visual Studio aplikáciu Code Desktop

Používatelia môžu upravovať, ladiť a zobrazovať ukážky zmien úprav stránky pomocou Visual Studio Code pre web bez potreby použitia externých nástrojov. Visual Studio Code Desktop poskytuje ďalšie pokročilé funkcie na úpravu všetkých metadát stránok a integráciu s GitHubom, rámcami a procesmi nepretržitej integrácie / nepretržitého vývoja (CI / CD).

Funkcia	VS kód pre web	Pracovná plocha VS Code
Vytvorte nové záznamy metadát konfigurácie webových stránok	No	Obmedzené na webové stránky, šablóny stránok, webové šablóny, úryvky obsahu a webové súbory.
Priama úprava stránky	Áno	No
Úprava metadát stránok	Obmedzené na úpravu webových stránok, úryvkov obsahu, základných formulárov, viackrokových formulárov, zoznamov a webových šablón.	Všetky konfigurácie metaúdajov Power Pages
Náhľad lokality	Plánovaný	Plánovaný
Power Platform CLI podpora	No	Áno
Pokročilý pracovný postup viazaný na CPU a úložisko – podpora nástroja ReactJS alebo iného rámca	No	Áno
Integrácia GitHubu s funkciami, ako je registrácia kódu, odhlásenie, správa konfliktov a zlúčenie.	No	Áno

Úprava kódu v aplikácii Správa portálov

Poznámka

• Používanie Visual Studio kódu pre web na úpravu webových stránok nie je podporované v Government Community Cloud (GCC), Government Community Cloud (GCC High) a Department of Defense (DoD). Používatelia v týchto regiónoch môžu použiť aplikáciu Správa portálu na vykonanie ich zmien.

Ak región nepodporuje Visual Studio Code pre web, výberom ikony editora kódu < /> na paneli príkazov sa otvorí aplikácia Správa portálov.

Prejdite na príslušné záznamy Webové stránky, Základné formuláre, Viackrokové formuláre, Zoznamy alebo Webové šablóny na úpravu kódu.

Type	Umiestnenie kódu
Webová stránka	Vybrať záznam webovej stránky. Vyberte záznam obsahu webovej stránky zo sekcie Lokalizovaný obsah. Kópiu stránky je možné upraviť v poli Kopírovať (HTML) na karte Všeobecné. Vlastný kód JavaScript a Vlastný kód CSS možno upraviť na karte Rozšírené.
Základný formulár	Vyberte záznam základného formulára. Upravte Vlastný JavaScript na karte Ďalšie nastavenia.
Formulár s viacerými krokmi	Vyberte záznam viackrokového formulára. Vyberte krok viackrokového formulára na karte Kroky formulára. Upravte Vlastný JavaScript na karte Možnosti formulára.
List	Vyberte zoznam záznamov. Upravte Vlastný JavaScript na karte Možnosti.
Webová šablóna	Vyberte záznam webovej šablóny. Upravte Zdroj na karte Všeobecné .

Uložte záznam a zobrazte náhľad svojho webu, aby ste otestovali svoj kód.

Pozrite si tiež

• Použite Visual Studio Code a Microsoft Power Platform CLI