A Visual Studio Code bővítmény használata
Visual Studio A Code egy könnyű, hatékony forráskód-szerkesztő Windows, macOS és Linux rendszerekhez. Támogatja a JavaScript, TypeScript és Node.js formátumokat, és gazdag bővítmény-ökoszisztémával rendelkezik más nyelvekhez, például C++, C#, Java, Python, PHP és Go, valamint olyan futtatókörnyezetekhez, mint a .NET és a Unity. További információ a Code-ról: Visual Studio Első lépések a VS Code-dal.
A Visual Studio Code lehetővé teszi, hogy bővítményekkel terjessze ki a képességeit. A Visual Studio Code-bővítmények további funkciókat adhatnak hozzá a teljes élményhez. A funkció kiadásával mostantól a Visual Studio Code bővítményt is használhatja a Power Pages szolgáltatással történő munka során.
Visual Studio Code bővítmény a Power Pages szolgáltatáshoz
A Power Platform Tools lehetőséget nyújt a webhelyek Visual Studio Code használatával való konfigurálására, valamint a beépített, a Liquid nyelv, az IntelliSense használatára, amely lehetővé teszi segítség elérését a kódok kiegészítéséhez, támogatásához és a tippekhez, amikor a webhelyek felületét Visual Studio Code használatával szabják testre. A Visual Studio Code bővítmény használatával a portálokat a Microsoft Power Platform CLI révén is konfigurálhatja.
Feljegyzés
- A funkciók működéséhez gondoskodnia kell arról, hogy a node.js ugyanarra a munkaállomásra legyen letöltve és telepítve, mint Visual Studio a Power Pages Code.
- Győződjön meg róla, hogy csak Power Platform Tools legyen telepítve, és nem a Power Platform Tools és az Power Platform Tools [ELŐZETES VERZIÓ] egyaránt. Tovább információkért tekintse meg az ismert problémák szakaszt.
Előfeltételek
A Visual Studio Code kiterjesztés Power Pages szolgáltatáshoz történő használata előtt a következőket kell tennie:
Töltse le, telepítse és konfigurálja a Visual Studio Code programot. További információk: Visual Studio Code letöltése
Konfigurálja a környezetet és a rendszert a Power Pages CI/CD-támogatáshoz a CLI segítségével. További információ: Microsoft Power Platform CLI (előzetes verzió)
Telepítse a Visual Studio Code bővítményt
A Visual Studio Code telepítését követően telepítenie kell a Power Platform Tools bővítményét a Visual Studio Code-hoz.
A Visual Studio Code bővítmény telepítéséhez:
Nyissa meg a Visual Studio Code programot.
Válassza a Bővítmények lehetőséget a bal ablaktáblán.
Válassza ki a Beállítások ikont a bővítmények ablaktábla jobb felső felében.
Keresse meg és válassza az Power Platform Tools lehetőséget.
Válassza a Telepítés lehetőséget.
Ellenőrizze, hogy a bővítmény sikeresen telepítve van-e az állapotüzenetek alapján.
A webhely tartalmának letöltése
A Microsoft Dataverse-környezettel szembeni hitelesítéshez és a webhely tartalmának letöltéséhez olvassa el a következő oktatóanyagot: A Microsoft Power Platform CLI használata a Power Pages szolgáltatással – webhely tartalmának letöltése.
Tipp.
A Power Platform Tools bővítmény automatikusan engedélyezi a Visual Studio Code-on belül a Microsoft Power Platform CLI parancsok használatát a Visual Studio integrált terminálon keresztül.
Fájl ikonjai
A Visual Studio Code bővítmény a Power Pages szolgáltatás számára automatikusan azonosítja és megjeleníti a letöltött webhely tartalmán belül a fájlok és mappák ikonjait.
A Visual Studio Code az alapértelmezett fájlikon témát használja, amely nem jeleníti meg a Power Pages-specifikus ikonokat. A webhelyeire jellemző fájlikonok megtekintéséhez frissítenie kell a Visual Studio kódpéldányt az Power Pages adott fájlikon-téma használatára.
Portálspecifikus fájlikon téma engedélyezéséhez:
Nyissa meg a Visual Studio Code programot.
Lépjen a következő lehetőségre: Fájl>Beállítások>Téma>Fájlikontéma
Válassza ki a PowerApps portálikonok témáját.
Élő előnézet
A Visual Studio Code bővítmény lehetővé teszi az élő előnézet opciót a Power Pages szolgáltatás tartalomoldalának megtekintéséhez a Visual Studio Code felületen belül a fejlesztés során.
A előzetes verzió megtekintéséhez válassza a jobb felső sarokban a 
lehetőséget, amikor egy HTML-fájl meg van nyitva szerkesztőmód.
A szerkesztett oldal jobb oldalán megnyílik az előnézeti panel.
Az előnézet funkcióhoz az szükséges, hogy a többi fájl is meg legyen nyitva ugyanabban a Visual Studio Code munkamenetben, amely a HTML-kódot alkotja, hogy az előnézet megjelenhessen. Ha például csak a HTML-fájlt nyitja meg a Kód használatával Visual Studio megnyitott mappaszerkezet nélkül, a következő üzenet jelenik meg.
Ha ez a probléma jelentkezik, nyissa meg a mappát a Fájl > Mappa megnyitása funkcióval, és válassza ki a letöltött webhelytartalom mappáját, mielőtt újra megpróbálná megtekinteni az előnézetet.
Automatikus kiegészítés
A Visual Studio Code bővítmény automatikus kiegészítés képessége megjeleníti az aktuális szerkesztés alatt álló környezetet, valamint a kapcsolódó automatikus kiegészítési elemeket az IntelliSense szolgáltatáson keresztül.
Liquid-címkék
A letöltött tartalom Visual Studio Code használatával történő testreszabásakor mostantól használhatja az IntelliSense-t a Power Pages Liquid-címkéi számára.
Kezdjen el gépelni a Liquid-címkék listájának megtekintéséhez. Válasszon ki egy címkét a megfelelő formázáshoz, és folytassa a bevitelt.
Liquid-objektumok
Láthatja a Liquid-objektum kódkitöltését, ha megadja a következőt: {{ }}. Ha az egérmutatót a zárójelek közé helyezi, akkor a <CTRL + space> billentyűkombinációval megjelenítheti a kiválasztható Liquid-objektumok listáját. Ha az objektumhoz több tulajdonság is tartozik, akkor írjon be egy . jelet, majd a <CTRL + space> billentyűkombinációval ismét megtekintheti az adott Liquid-objektum tulajdonságait.
Sablon címkéi
A Power Pages webes sablonjavaslatait úgy tekintheti meg, ha a kurzort az {include ' '} utasításra viszi, és megnyomja a <CTRL> - space billentyűkombinációt. Megjelenik a meglévő webes sablonok listája, amelyet kiválaszthat.
Webhelyobjektumok létrehozása, törlése és átnevezése
A Visual Studio Code segítségével létrehozhatja, törölheti és átnevezheti a következő webhelyösszetevőket:
- Weboldalak
- Oldalsablonok
- Webes sablonok
- Tartalomrészletek
- Új eszközök (webes fájlok)
Műveletek létrehozása
A helyi menü opcióival új webhely-összetevőket hozhat létre. Kattintson a jobb gombbal az egyik támogatott objektumra, válassza ki Power Pages és válassza ki a létrehozni kívánt webhelyobjektum-típust.
Másik lehetőségként használhatja a Visual Studio Code parancspalettáját a Ctrl + Shift + P billentyűkombináció lenyomásával.
Az objektum létrehozásához további paramétereket kell megadnia.
| Object | Paraméterek |
|---|---|
| Weboldalak | Név, oldalsablon, fölérendelt oldal |
| Oldalsablonok | Név, webes sablon |
| Webes sablonok | Name |
| Tartalomrészletek | Név, és az, hogy a kódrészlet HTML vagy szöveg lesz. |
| Új eszközök (webes fájlok) | Név, fölérendelt oldal, és válassza ki a feltölt kívánt fájlt. |
Átnevezés és törlés műveletek
A fájlnavigációs menü segítségével átnevezheti vagy törölheti a Power Pages összetevőket.
Feljegyzés
A törölt objektumok visszaállíthatók az asztali lomtárból.
Korlátozások
Jelenleg a következő korlátozások érvényesek a portálok Power Platform eszközeire:
- Az automatikus kiegészítési funkciók csak korlátozott funkciókat támogatnak.
- Az Élő előzetes verzió nem támogatja az egyéni témákat és a folyékony objektumokat.
Kapcsolódó információk
Power Pages Microsoft Power Platform CLI támogatása (előzetes verzió)