Použití rozšíření Visual Studio Code pro portály
Visual Studio Code je jednoduchý, ale výkonný editor zdrojového kódu, který běží na desktopu a je k dispozici pro Windows, macOS a Linux. Dodává se s integrovanou podporou pro JavaScript, TypeScript a Node.js a má bohatý ekosystém rozšíření pro další jazyky (například C ++, C#, Java, Python, PHP a Go) a moduly runtime (například .NET a Unity). Další informace získáte v tématu Začínáme s editorem VS Code.
Visual Studio Code vám umožní rozšířit vaše schopnosti prostřednictvím rozšíření. Rozšíření Visual Studio Code mohou přidat další funkce do celkového prostředí. S vydáním této funkce můžete nyní používat rozšíření Visual Studio Code pro práci s Power Pages.
Rozšíření Visual Studio Code pro Power Pages
Power Platform Tools přidává možnost konfigurovat weby pomocí Visual Studio Code a používat vestavěný jazyk Liquid IntelliSense, což může pomoci s dokončováním kódu, asistencí a nápovědou při přizpůsobení rozhraní webů pomocí Visual Studio Code. Pomocí rozšíření Visual Studio Code můžete také konfigurovat portály prostřednictvím Microsoft Power Platform CLI.
Poznámka:
- Budete muset zajistit, aby byl soubor node.js stažen a nainstalován na stejné pracovní stanici jako Visual Studio Code, aby funkce Power Pages fungovaly.
- Ujistěte se, že jsou nainstalovány pouze Power Platform Tools, a nikoli Power Platform Tools i Power Platform Tools [PREVIEW]. Další informace najdete v tématu Známé problémy.
Předpoklady
Před použitím rozšíření Visual Studio Code pro Power Pages musíte:
Stažení, instalace a konfigurace Visual Studio Code. Více informací: Stažení Visual Studio Code
Konfigurace prostředí a systému pro podporu Power Pages CI/CD pomocí rozhraní příkazového řádku. Další informace: Microsoft Power Platform CLI (Preview)
Instalace rozšíření Visual Studio Code
Po instalaci Visual Studio Code musíte nainstalovat rozšíření pro modul plug-in Power Platform Tools pro Visual Studio Code.
Instalace rozšíření Visual Studio Code:
Otevřete Visual Studio Code.
V levém podokně vyberte Rozšíření.
V pravém horním rohu podokna rozšíření vyberte ikonu Nastavení.
Vyhledejte a vyberte Power Platform Tools.
Vyberte volbu Instalovat.
Podle stavových zpráv ověřte, zda bylo rozšíření úspěšně nainstalováno.
Stažení obsahu webu
Pokud chcete provést ověření proti prostředí Microsoft Dataverse a stáhnout obsah webů, získáte informace v kurzu Použití Microsoft Power Platform CLI s Power Pages – stažení obsahu webu.
Tip
Rozšíření Power Platform Tools automaticky umožňuje použití příkazy Microsoft Power Platform CLI z Visual Studio Code pomocí integrovaného terminálu Visual Studio.
Ikony souboru
Rozšíření Visual Studio Code pro Power Pages automaticky identifikuje a zobrazuje ikony souborů a složek uvnitř staženého obsahu webu.
Visual Studio Code používá výchozí téma ikon souboru, který nezobrazuje ikony specifické pro Power Pages. Chcete-li zobrazit ikony souborů specifické pro vaše weby, budete muset aktualizovat instanci Visual Studio Code, aby používala motiv ikon souborů pro konkrétní Power Pages.
Postup povolení motivu ikon souborů pro konkrétní portál:
Otevřete Visual Studio Code.
Jděte na Soubor>Předvolby>Téma>Téma ikony souboru.
Vyberte téma pro ikony portálů PowerApps.
Živý náhled
Rozšíření Visual Studio Code umožňuje možnost živého náhledu pro zobrazení stránky s obsahem Power Pages uvnitř rozhraní kódu Visual Studio Code během vývoje.
Chcete-li zobrazit náhled, vpravo nahoře vyberte 
, když máte otevřený soubor HTML v režim úprav.
Podokno náhledu se otevře na pravé straně upravované stránky.
Funkce náhledu vyžaduje, aby byly ostatní soubory také otevřeny ve stejné relaci Visual Studio Code, která tvoří značkování HTML pro zobrazení náhledu. Například pokud je otevřen pouze soubor HTML bez struktury složek otevřených pomocí Visual Studio Code, zobrazí se následující zpráva.
Když nastane tento problém, otevřete složku pomocí příkazu Soubor > Otevřít složku a vyberte složku staženého obsahu webu, který chcete otevřít, než se pokusíte znovu zobrazit náhled.
Automatické dokončování
Funkce automatického dokončování v rozšíření Visual Studio Code zobrazuje aktuální kontext, který se upravuje, a příslušné prvky automatického doplňování prostřednictvím technologie IntelliSense.
Značky Liquid
Při přizpůsobování staženého obsahu pomocí Visual Studio Code nyní můžete použít IntelliSense pro značky Liquid Power Pages.
Začněte psaním a objeví se seznam značek Liquid. Jakmile značku vyberete, bude správně naformátována a připravena pro další vstupy.
Objekty Liquid
Zadáním {{ }}se zobrazí dokončení kódu objektu Liquid. S kurzorem umístěným mezi závorkami vyberte <CTRL + space> pro zobrazení seznamu objektů Liquied, které můžete vybrat. Pokud má objekt více vlastností, můžete zadat . a poté znovu vybrat <CTRL + space>, abyste zobrazili konkrétní vlastnosti objektu Liquid.
Značky šablon
Chcete-li zobrazit návrhy webových šablon Power Pages, umístěte kurzor do příkazu {include ' '} a vyberte možnost <CTRL> - space. Zobrazí se seznam existujících webových šablon, ze kterých si můžete vybrat.
Vytváření, odstraňování a odebírání webových objektů
V rámci Visual Studio Code můžete vytvářet, odstraňovat a přejmenovávat následující webové komponenty:
- Webové stránky
- Šablony stránek
- Webové šablony
- Fragmenty obsahu
- Nové prostředky (webové soubory)
Operace vytváření
Pomocí možností kontextové nabídky můžete vytvořit nové webové komponenty, pravým tlačítkem vybrat jeden z podporovaných objektů, zvolit Power Pages a vybrat typ objektu webu, který chcete vytvořit.
Případně můžete použít paletu příkazů Visual Studio Code výběrem Ctrl + Shift + P.
K vytvoření objektu budete muset zadat více parametrů.
| Object | Parametry |
|---|---|
| Webové stránky | Název, šablona stránky, nadřazená stránka |
| Šablony stránek | Název, webová šablona |
| Webové šablony | Name |
| Fragmenty obsahu | Název a zda bude fragment kódu HTML nebo text. |
| Nové prostředky (webové soubory) | Název, nadřazená stránka a výběr souboru k nahrání. |
Přejmenování a odstranění operací
Z navigace v souborech můžete pomocí kontextové nabídky přejmenovat nebo odstranit součásti Power Pages.
Poznámka:
Odstraněné objekty lze obnovit z desktopového koše.
Omezení
Následující omezení v současné době platí pro Power Platform Tools pro portály:
- Funkce Automatické dokončování mají pouze omezenou funkčnost.
- Živý náhled nepodporuje vlastní motivy ani objekty Liquid.
Viz také
Podpora Power Pages pro Microsoft Power Platform CLI (Preview)