Úprava kódu pomocí nástroje Visual Studio Code pro Web (Preview)

[Toto téma představuje předběžnou dokumentaci, která může být změněna.]

Z návrhového studia můžete upravovat kód webu pomocí editoru Visual Studio Code pro Web. Tato funkce umožňuje upravovat statický obsah, HTML, CSS, Liquid a JavaScript pro následující metadata webu:

Metadata	Obsahu
Rozšířené formuláře (formuláře s více kroky)	JavaScript
Základní formuláře	JavaScript
Fragmenty kódu obsahu	Veškerý podporovaný obsah fragmentů obsahu
Seznamy	JavaScript
Webové soubory	Zobrazení a stahování mediálních souborů. Úprava textových (kódových) souborů.
Webové stránky	Veškerý podporovaný obsah (podle jazyka), JavaScript a CSS
Šablony webů	Veškerý podporovaný obsah

Poznámka

Nebudete moct vytvářet záznamy metadat, přidávat a upravovat jenom obsah, kód a zobrazit nebo stáhnout přílohy souborů.

Visual Studio Code pro Web poskytuje bezplatné prostředí Microsoft Visual Studio Code bez nutnosti instalace, protože běží výhradně ve vašem prohlížeči, což umožňuje procházet kód webu a provádět jednoduché změny kódu rychle a bezpečně. Další informace: Visual Studio Code pro prostředí webu.

Důležité

• Toto je funkce Preview.
• Funkce Preview nejsou určené pro normální používání a mohou mít omezené fungování. Jsou to funkce, které jsou poskytnuté před svým oficiálním vydáním, aby si je zákazníci mohli co nejdříve vyzkoušet a mohli nám napsat své názory.

Poznámka

• První načtení Visual Studio Code pro Web může chvíli trvat, protože se budou instalovat potřebná rozšíření pro tuto funkci.
• Operace vytvoření, odstranění a přejmenování souborů se nepodporují.
• Tato funkce používá webové rozšíření Power Platform Tools . Webová rozšíření jsou omezena sandboxem prohlížeče a proto mají v porovnání s normálními rozšířeními omezení.
  • Rozhraní příkazového řádku Power Platform není podporováno.
  • Funkce webového rozšíření Power Platform Tools jsou omezeny na prostředí pro úpravu kódu Power Pages.
  • Tato funkce není dostupná v cloudu GCC (Government Community Cloud), Government Community Cloud (GCC High) a v oddělení obrany (DoD). Uživatelé v těchto oblastech budou k úpravě kódu používat aplikaci Správa portálů . Další informace naleznete v části Úprava kódu v aplikaci Správa portálu .

Úprava kódu dostupná v návrhovém studiu

Kód webu můžete začít upravovat pomocí Visual Studio Code pro Web z domovské stránky Power Pages výběrem možnosti Upravit kód webu z rozbalovací nabídky Upravit.

Kód můžete upravovat také v návrhovém studiu v následujících oblastech:

• Úprava kódu webové stránky z pracovního prostoru Stránky
• Kód šablony záhlaví z pracovního prostoru Stránky
• Úprava vlastního kódu CSS z pracovního prostoru Styly
• Úprava vlastního kódu JavaScript pro formuláře s více kroky
• Úprava vlastního kódu JavaScript pro základní formuláře
• Úprav vlastního JavaScript pro seznamy
• Úprava fragmentů kódu
• Úprava webových šablon
• Zobrazení a stahování mediálních webových souborů (obrázků)
• Úprava textových webových souborů (CSS, JavaScript, jiné)

Podívejme se, jak upravit kód pomocí těchto oblastí.

Úprava kódu webové stránky z pracovního prostoru Stránky

Po otevření studia návrhů Power Pages uvidíte možnost Upravit kód v nabídce Stránky¹ a v pravém horním rohu obrazovky².

Kód šablony záhlaví z pracovního prostoru Stránky

Vyberte Upravit záhlaví webu a poté vyberte Upravit kód a otevřete editor kódu.

Úprava vlastního kódu CSS z pracovního prostoru Styly

Přejděte na Pracovní prostor pro styl a vyberte dostupnou nabídku CSS Upravit kód pro otevření editoru kódu.

Zobrazení akcí Power Pages

Zobrazení Power Pages Actions , přístupné v dolní části Průzkumníka souborů, umožňuje spravovat weby Power Pages přímo v editoru. Snižuje potřebu přepnout do Power Pages Studia tím, že vývojářům umožňuje rychle provádět běžné úlohy v editoru.

Dostupné akce

• Náhled webu
  Tato akce vymaže mezipaměť konfigurace a otevře lokalitu ve VS Code. Umožňuje vývojářům zobrazit náhled a otestovat změny kódu webu, aniž by museli přepínat kontext do Power Pages Studia.

• Otevřít v Power Pages Studiu
  Po provedení změn kódu přejděte pomocí této akce do Power Pages Studia. To je užitečné při konfiguraci zprostředkovatelů ověřování, webových rolí a dalších nastavení webu, která se nedají upravovat v editoru kódu.

• Otevřít v desktopové verzi VS Code
  Pokud je nainstalovaná desktopová aplikace VS Code, tato akce otevře web v desktopové aplikaci. Aktivuje také stahování webu a zajišťuje, aby byl kód k dispozici místně a připravený k úpravám.

Oznámení o konfliktu sloučení

Pokud spolupracujete s dalšími vývojáři, můžou se vyskytnout situace, kdy budete pracovat na stejném zdrojovém kódu. V případě, že se pokusíte uložit změny do zastaralého souboru, dostanete upozornění k porovnání nebo přepsání změn.

Porovnáním kódu se zobrazí aktuální kód vedle vašeho kódu a umožní vám vrátit se ke stávajícím změnám, přijmout každou změnu jednotlivě nebo použít vaše změny a přepsat stávající obsah.

Budete si moci prohlédnout nejnovější obsah a kód buď sloučit nebo přepsat, nebo zahodit změny.

Kurz: Úprava kódu webu pomocí editoru kódu Visual Studio Code pro Web

V tomto kurzu si projdete úpravu kódu webu pomocí Visual Studio Code pro web.

1. krok: Úprava kódu webu pomocí editoru kódu Visual Studio Code pro Web

1. Otevřete web v návrhovém studiu Power Pages.

2. V pravém horním rohu vyberte Upravit kód.

   

3. V potvrzovacím dialogovém okně vyberte Otevřít Visual Studio Code.

4. Přihlaste se do nástroje Visual Studio Code pomocí přihlašovacích údajů k vašemu prostředí.

5. Počkejte na inicializaci webového rozšíření Power Platform Tools a načtení kódu webové stránky v levém podokně.

Krok 2: Aktualizujte obsah a kód

1. Průzkumník na levé straně obrazovky načte příslušná metadata konfigurace webu, která lze upravovat pomocí Visual Code pro web.

   

2. Proveďte změny v příslušných souborech metadat a stisknutím Ctrl+S změny uložte.

3. Přejděte do návrhového studia a volbou Synchronizovat stáhněte všechny aktualizace ve vaší aktuální relaci návrhového studia.

   

4. Volbou Náhled zobrazíte změny na webu Power Pages.

Použití Visual Studio Code pro web nebo Visual Studio Code pro plochu

Uživatelé mohou upravovat, ladit a zobrazovat náhled změn stránky pomocí nástroje Visual Studio Code pro Web bez nutnosti použití externích nástrojů. Visual Studio Code pro plochu poskytuje další pokročilé funkce pro úpravu všech metadat webu a integraci s GitHub, architektury a procesy kontinuální integrace / nepřetržitého vývoje (CI/CD).

Funkce	VS Code pro web	VS Code pro stolní počítače
Vytvoření nových záznamů metadat konfigurace webu	Ne	Omezeno na webové stránky, šablony stránek, webové šablony, úryvky obsahu a webové soubory.
Přímá úprava webu	Ano	Ne
Úprava metadat webu	Omezeno na úpravy webových stránek, úryvků obsahu, základních formulářů, vícekrokových formulářů, seznamů a webových šablon.	Konfigurace metadat všech Power Pages
Náhled webu	Naplánováno	Naplánováno
Podpora Power Platform CLI	Ne	Ano
Pokročilé pracovní postupy vázané na procesor a úložiště – Podpora nástrojů ReactJS nebo jiného nástroje pro sestavení architektury	Ne	Ano
Integrace GitHub s funkcemi, jako je vyhodnocení kódu, odhlášení, správa konfliktů a sloučení.	Ne	Ano

Úprava kódu v aplikaci Správa portálu

Poznámka

• Použití editoru Visual Studio Code pro web k úpravě webů není podporováno v cloudu komunity státní správy (GCC), Cloudu komunity státní správy (GCC High) a ministerstva obrany (DoD). Uživatelé v těchto oblastech mohou k provádění změn použít aplikaci Správa portálu .

Pokud oblast nepodporuje Visual Studio Code pro Web, vyberte na panelu příkazů ikonu editoru kódu </> a otevřete tak aplikaci Správa portálu.

Přejděte na odpovídající záznamy kategorie Weby, Základní formuláře, Formuláře s více kroky, Seznamy nebo Webové šablony a tam upravte kód.

Typ	Umístění kódu
webová stránka	Vyberte záznam webové stránky. Vyberte záznam obsahu webové stránky v sekci Lokalizovaný obsah. Kopii stránky lze upravit v poli Kopírovat (HTML) na kartě Obecné. Kód Vlastní JavaScript a Vlastní CSS lze upravit z karty Rozšířený.
Základní formulář	Vyberte základní záznam formuláře. Upravit vlastní JavaScript na záložce Další nastavení
Formulář s více kroky	Vyberte záznam formuláře s více kroky. Vyberte krok formuláře s více kroky na kartě Kroky formuláře. Upravte Vlastní JavaScript na kartě Možnosti formuláře.
Seznam	Vyberte záznam seznamu. Upravit vlastní JavaScript na kartě Možnosti
Šablona webu	Vyberte záznam webové šablony. Upravit zdroj na kartě Obecné

Uložte záznam a zobrazte náhled svého webu a otestujte kód.

Viz také

• Používání nástroje Visual Studio Code a rozhraní příkazového řádku Microsoft Power Platform