A Visual Studio Code bővítmény használata
Megjegyzés
- október 12-től a Power Apps-portálok a Power Pages nevet kapják. További információ: A Microsoft Power Pages már általánosan elérhető (blog)
A Power Apps-portál dokumentációját hamarosan áttelepítjük és egyesítjük a Power Pages dokumentációjával.
Áttekintés
A Visual Studio Code (VS Code) egyszerű, de hatékony forráskódszerkesztő, amely az asztalon fut, és Windows-, macOS- és Linux-rendszereken érhető el. Beépített a JavaScript-, a TypeScript- és a Node.js-támogatással rendelkezik, és gazdag ökoszisztémával rendelkezik más nyelvek (például C++, C#, Java, Python, PHP és Go) és futtatókörnyezet (például .NET és Unity) bővítményei számára. További információkért lásd: Első lépések a VS Code szerkesztővel.
A VS Code lehetővé teszi, hogy bővítményekkel terjessze ki a képességeit. A VS Code-bővítmények további funkciókat adhatnak hozzá a teljes élményhez. A funkció kiadásával mostantól a VS Code bővítményt is használhatja a Power Apps-portálokkal történő munka során.
A VS Code bővítmény használata portálokhoz
A Power Platform-eszköz lehetőséget nyújt a portálok VS 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 portálok felületét Vs Code használatával szabják testre. A VS Code bővítmény használatával a portálokat a Microsoft Power Platform CLI szolgáltatáshoz elérhető portáltámogatás révén is konfigurálhatja.
Előfeltételek
A VS Code kiterjesztés Power Apps-portálokhoz 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 CI/CD-támogatás Power Apps portálokhoz a CLI segítségével. További információk: Portálok támogatása a Microsoft Power Platform parancssori felülethez (előzetes verzió)
Telepítse a VS Code bővítményt
A Visual Studio Code telepítését követően telepítenie kell a Power Apps-portálok bővítményét a VS Code-hoz.
A VS Code bővítmény telepítéséhez:
Nyissa meg a Visual Studio Code programot.
Válassza
(Bővítmények) a bal oldali panelről.
Válassza a
a bővítmények ablaktáblán jobb felső sarokban látható.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 portálok tartalmának letöltése
A Microsoft Dataverse-környezettel szembeni hitelesítéshez és a portálok tartalmának letöltéséhez olvassa el a következő oktatóanyagot: A Microsoft Power Platform CLI használata portálokkal – portálok tartalmának letöltése.
Tipp
Az Power Platform Tools bővítmény automatikusan engedélyezi a VS Code-kódon belül a Microsoft Power Platform CLI parancsok használatát a Visual Studio integrált terminálon keresztül.
Kódrészlet támogatása
A letöltött tartalom VS Code használatával történő testreszabásakor mostantól használhatja az IntelliSense-t a Power Apps-portálok Liquid-címkéi számára.
Fájl ikonjai
A VS Code bővítmény a portálok számára automatikusan azonosítja és megjeleníti a letöltött portál tartalmán belül a fájlok és mappák ikonjait.
A VS Code az alapértelmezett fájlikon témát használja, amely nem jeleníti meg a portálspecifikus ikonokat. A portálokra jellemző fájlikonok megjelenítéséhez frissítenie kell a VS Code példányt, hogy a portálspecifikus fájlikon-témát használja.
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 > Fájlikontéma
Válassza ki a Power Apps-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 portálok tartalomoldalának megtekintéséhez a Visual Studio Code felületen belül a fejlesztés során.
Az előnézet megtekintéséhez válassza 
Ajobb felső sarokban, amikor egy HTML-fájl nyitva van a szerkesztőmódban.
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 VS Code munkamenetben, amelyek a HTML-kódot alkotják, hogy az előnézet megjelenhessen. Ha például a VS Code használatával megnyitott mappastruktúra nélkül nyitja meg a HTML-fájlt, a következő üzenet jelenik meg.
![A "microsoft-powerapps-portals.preview-show" parancs futtatása sikertelen volt.](media/vs-code-extension/preview-failed.png "Hiba – A hozzájárulási parancs futtatása: a "microsoft-powerapps-portals.preview-show" nem sikerült")
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 portáltartalom mappáját, mielőtt újra megpróbálná megtekinteni az előnézetet.
Automatikus kiegészítés
A VS 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.
Korlátozások
Jelenleg a következő korlátozások érvényesek a portálok Power Platform eszközeire:
- A részlettámogatás és az automatikus kiegészítés funkciók csak korlátozottan támogatják a funkciókat.
- Az élő előnézet nem támogatja az egyéni témákat vagy a Liquid-objektumokat.
Kapcsolódó információk
Portáltámogatás a Microsoft Power Platform CLI szolgáltatáshoz (előzetes verzió)