Použitie rozšírenia Visual Studio Code

Visual Studio Code je ľahký a výkonný editor zdrojového kódu pre Windows, MacOS a Linux. Podporuje JavaScript, TypeScript a Node.js a má bohatý ekosystém rozšírení pre ďalšie jazyky ako C++, C#, Java, Python, PHP a Go a runtime ako .NET a Unity. Prečítajte si viac o Visual Studio kóde v Začnite s VS kódom.

Visual Studio Code vám umožňuje rozšíriť vaše schopnosti prostredníctvom rozšírení. Visual Studio Code rozšírenia môžu pridať k celkovému zážitku ďalšie funkcie. Po vydaní tejto funkcie teraz môžete použiť Visual Studio Code rozšírenie na prácu s Power Pages.

Visual Studio Code rozšírenie pre Power Pages

Nástroje Power Platform Tools pridávajú možnosť konfigurovať webové stránky pomocou Visual Studio Code a používať vstavaný jazyk Liquid IntelliSense na umožnenie pomoci pri dokončovaní kódu, asistencie a nápovedy pri prispôsobovaní rozhrania webových stránok pomocou Visual Studio Code. Pomocou rozšírenia Visual Studio Code môžete portály konfigurovať aj prostredníctvom Microsoft Power Platform CLI.

Požiadavky

Pred použitím rozšírenia Visual Studio Code pre Power Pages musíte:

• Stiahnite si, nainštalujte a nakonfigurujte si Visual Studio Code. Viac informácií: Stiahnite si Visual Studio Code

• Nakonfigurujte svoje prostredie a systém pre Power Pages pomocou CI/CD pomocou CLI. Ďalšie informácie: Microsoft Power Platform CLI (náhľad)

Inštalácia rozšírenia Visual Studio Code

Po inštalácii Visual Studio Code si musíte nainštalovať rozšírenie pre doplnok nástrojov Power Platform Tools pre Visual Studio Code.

Inštalácia rozšírenia Visual Studio Code:

1. Otvorte Visual Studio Code.

2. Vyberte položku Rozšírenia z ľavej tably.

   

3. Stlačte ikonu Nastavenia v pravom hornom rohu na paneli rozšírení.

4. Vyhľadajte a vyberte Power Platform Tools.

   

5. Vyberte Nainštalovať.

6. Skontrolujte, či je rozšírenie úspešne nainštalované zo stavových správ.

Stiahnite si obsah webovej stránky

Na autentifikáciu v porovnaní s prostredím Microsoft Dataverse a načítanie obsahu webovej stránky si pozrite návod Používanie Microsoft Power Platform CLI s Power Pages - stiahnutie obsahu webovej stránky.

Ikony súborov

Prípona Visual Studio Code pre Power Pages automaticky identifikuje a zobrazuje ikony súborov a priečinkov vo vnútri stiahnutého obsahu webovej stránky.

Visual Studio Code používa predvolený motív ikony súboru, ktorý nezobrazuje špecifické ikony Power Pages. Ak chcete zobraziť ikony súborov špecifické pre vaše webové stránky, musíte aktualizovať Visual Studio inštanciu kódu tak, aby používala Power Pages konkrétnu tému ikon súboru.

Povolenie motívu ikony súboru špecifickej pre portály:

1. Otvorte Visual Studio Code.

2. Prejdite na Súbor>Preferencie>Téma>Téma ikony súboru

3. Vyberte tému pre Ikony PowerApps portálov.

   

Živá ukážka

Rozšírenie Visual Studio Code umožňuje možnosť živého náhľadu na prezeranie obsahovej stránky Power Pages vnútri rozhrania Visual Studio Code v prostredí na vývoj.

Ak chcete zobraziť ukážku, vyberte možnosť vpravo hore, keď máte súbor HTML otvorený v režime úprav.

Na pravej strane upravovanej stránky sa otvorí tabla s ukážkou.

Funkcia náhľadu vyžaduje, aby boli ostatné súbory tiež otvorené v tej istej relácii Visual Studio Code, ktorá tvorí značku HTML na zobrazenie náhľadu. Ak sa napríklad otvorí iba súbor HTML bez otvorenia štruktúry priečinkov pomocou kódu Visual Studio , zobrazí sa nasledujúca správa.

Keď nastane tento problém, otvorte priečinok pomocou Súbor > Otvoriť priečinok a vyberte priečinok s obsahom stiahnutej webovej stránky, ktorý sa má otvoriť, skôr ako sa pokúsite znova zobraziť náhľad.

Automatické dokončovanie

Schopnosť automatického dopĺňania v rozšírení Visual Studio Code zobrazuje aktuálny upravovaný kontext a príslušné prvky automatického dopĺňania prostredníctvom technológie IntelliSense.

Značky Liquid

Pri prispôsobovaní stiahnutého obsahu pomocou Visual Studio Code teraz môžete používať IntelliSense pre Power Pages Značky Liquid.

Začnite písať a zobrazí sa zoznam značiek Liquid. Vyberte značku, aby ste ju správne naformátovali, a pokračujte vo svojom zadaní.

Objekty Liquid

Môžete vidieť vyplnenia kódu Objekt Liquid zadaním {{ }}. S kurzorom umiestneným medzi zátvorkami vyberte <CTRL + space> pre zobrazenie zoznamu objektov Liquid, ktoré môžete vybrať. Ak má objekt viac vlastností, môžete zadať . a potom znova vybrať <CTRL + space>, aby ste videli špecifické vlastnosti objektu Liquid.

Značky šablón

Návrhy webových šablón Power Pages môžete zobraziť umiestnením kurzora do príkazu {include ' '} a výberom možnosti <CTRL> - space. Zobrazí sa zoznam existujúcich webových šablón, ktoré si môžete vybrať.

Vytvárajte, odstraňujte a premenovávajte objekty webových stránok

V rámci Visual Studio Code môžete vytvoriť, odstrániť a premenovať nasledujúce komponenty webovej lokality:

• Webové stránky
• Šablóny stránok
• Webové šablóny
• Úryvky obsahu
• Nové aktíva (Webové súbory)

Vytvorenie operácií

Na vytvorenie nových komponentov webovej lokality môžete použiť možnosti kontextového menu. Kliknite pravým tlačidlom myši na jeden z podporovaných objektov, vyberte Power Pages a vyberte typ objektu webovej lokality, ktorý chcete vytvoriť.

Prípadne môžete použiť príkazovú paletu Visual Studio Code výberom možnosti Ctrl + Shift + P.

Na vytvorenie objektu musíte zadať viac parametrov.

Operácie premenovať a odstrániť

Z navigácie v súbore môžete použiť kontextové menu na premenovanie alebo odstránenie Power Pages komponentov.

Obmedzenia

Nasledujúce obmedzenia v súčasnosti platia pre Power Platform Tools pre portály:

• Funkcie automatického dopĺňania podporujú iba obmedzené funkcie.
• Živá ukážka nepodporuje vlastné motívy ani tekuté objekty.

Súvisiace informácie

Power Pages podpora pre Microsoft Power Platform CLI (ukážka)