Używanie rozszerzenia Visual Studio Code

Uwaga

12 października 2022 r. funkcja Portale usługi Power Apps została przekształcona w usługę Power Pages. Więcej informacji: Usługa Microsoft Power Pages jest teraz ogólnie dostępna (blog)
Wkrótce zmigrujemy i scalimy dokumentację funkcji Portale usługi Power Apps z dokumentacją usługi Power Pages.

Omówienie

Visual Studio Code (VS Code) jest wydajnym edytorem kodu źródłowego, który działa na komputerze. Jest on dostępny dla systemów Windows, macOS i Linux. Jest wyposażony we wbudowaną obsługę JavaScript, TypeScript i Node.js i ma bogaty ekosystem rozszerzeń dla innych języków (takich jak C ++, C#, Java, Python, PHP i Go) i środowiskach uruchomieniowych (takich jak .NET i Unity). Więcej informacji znajduje się w temacie Rozpoczęcie pracy z VS Code.

VS Code pozwala rozszerzyć możliwości poprzez rozszerzenia. Rozszerzenia VS Code mogą dodać więcej funkcji do ogólnego doświadczenia. Wraz z udostępnieniem tej funkcji możesz teraz używać rozszerzenia VS Code do pracy z portalami Power Apps.

Używanie rozszerzenia VS Code z portalami

Narzędzia Power Platform Tools dodają możliwość konfigurowania portali przy użyciu VS Code oraz używania wbudowanego języka Liquid IntelliSense, który umożliwia ukończenie kodu, pomoc i podaje wskazówki podczas dostosowywania interfejsu portali przy użyciu kodu VS Code. Przy użyciu rozszerzenia VS Code można także konfigurować portale za pośrednictwem portali obsługi CLI w Microsoft Power Platform.

Wymagania wstępne

Przed użyciem rozszerzenia VS Code dla Power Apps Portals należy:

• Pobierz, zainstaluj i skonfiguruj Visual Studio Code. Więcej informacji: pobierz Visual Studio Code

• Skonfiguruj swoje środowisko i system do obsługi portali Power Apps w trybie CI/CD za pomocą CLI. Więcej informacji: Obsługa portali dla CLI w Microsoft Power Platform (wersja zapoznawcza)

Zainstaluj rozszerzenie VS Code

Po zainstalowaniu programu Visual Studio Code należy zainstalować rozszerzenie wtyczki portali Power Apps dla programu VS Code.

Aby zainstalować rozszerzenie VS Code:

1. Otwórz Visual Studio Code.

2. Wybierz (Rozszerzenia) z okienka po lewej stronie.

   

3. Wybierz W prawym górnym rogu okienka rozszerzeń.

4. Wyszukaj i wybierz opcję Narzędzia Power Platform Tools.

   

5. Wybierz Zainstaluj.

6. Na podstawie komunikatów statusu sprawdź, czy rozszerzenie zostało zainstalowane pomyślnie.

Pobieranie zawartości portali

Aby uwierzytelnić się w środowisku Microsoft Dataverse i pobrać zawartość portali, zapoznaj się z samouczkiem Używanie CLI w Microsoft Power Platform z portalami – pobieranie zawartości portali.

Porada

Rozszerzenie Narzędzia Power Platform Tools automatycznie włącza używanie poleceń CLI Microsoft Power Platform z VS Code za pośrednictwem zintegrowanego terminalu Visual Studio.

Obsługa wstawek

Podczas dostosowywania pobranej zawartości za pomocą VS Code możesz teraz używać IntelliSense dla znaczników portali Power Apps Portals liquid.

Ikony pliku

Rozszerzenie VS Code dla portali automatycznie identyfikuje i pokazuje ikony dla plików i folderów wewnątrz zawartości pobranych portali.

Program VS Code używa domyślnego motywu ikony pliku, który nie zawiera ikon specyficznych dla portali. Aby wyświetlić ikony plików specyficzne dla portali, musisz zaktualizować wystąpienie VS Code, aby użyć motywu ikony pliku specyficznego dla portali.

Aby włączyć motyw ikony pliku specyficznego dla portali:

1. Otwórz Visual Studio Code.

2. Przejdź do Plik > Ustawienia > Motyw ikony pliku

3. Wybierz motyw ikon portali Power Apps.

   

Podgląd na żywo

Rozszerzenie Visual Studio Code umożliwia podgląd na żywo zawartości portalu w interfejsie Visual Studio Code podczas pracy nad projektem.

Aby zobaczyć podgląd, wybierz przycisk W prawym górnym rogu, gdy w programie tryb edycji jest otwierany plik HTML.

Okienko podglądu zostanie otwarte po prawej stronie edytowanej strony.

Funkcja podglądu wymaga, aby inne pliki były również otwarte w tej samej sesji VS Code, które tworzą znaczniki HTML dla podglądu do wyświetlenia. Na przykład, jeśli za pomocą VS Code otworzysz tylko plik HTML bez struktury folderów, zobaczysz następujący komunikat.

W przypadku wystąpienia tego problemu otwórz folder przy użyciu folderu Plik > Otwórz i wybierz pobrany folder zawartości portalu do otwarcia przed ponowną próbą wyświetlenia podglądu.

Autouzupełnianie

Funkcja autocomplete w rozszerzeniu VS Code pokazuje bieżący kontekst, który jest edytowany, oraz odpowiednie elementy autocomplete poprzez IntelliSense.

Ograniczenia

Obecnie istnieją następujące ograniczenia dotyczące narzędzi Power Platform Tools dla portali:

• Obsługa wstawek, funkcje autouzupełniania obsługują tylko ograniczoną funkcjonalność.
• Podgląd na żywo nie obsługuje motywów niestandardowych ani obiektów Liquid.

Zobacz też

Wsparcie portali dla CLI w Microsoft Power Platform (wersja zapoznawcza)