Korišćenje proširenja za Visual Studio Code
Visual Studio Kod je lagan, moćan uređivač izvornog koda za Vindovs, macOS i Linuk. Podržava JavaScript, TipeScript i Node.js i ima bogat ekosistem ekstenzija za druge jezike kao što su C ++, C #, Java, Pithton, PHP i Go, kao i runtime kao što su .NET i Uniti. Saznajte više o Visual Studio kodu u Početak rada sa VS Code-om.
Visual Studio Code vam omogućava da proširite svoje mogućnosti kroz proširenja. Proširenja za Visual Studio Code mogu da dodaju više funkcija ukupnom iskustvu. Sa izdanjem ove funkcije, sada možete da koristite Visual Studio Code proširenje za rad sa uslugom Power Pages.
Visual Studio Code proširenje za Power Pages
Power Platform Tools dodaje mogućnost konfigurisanja veb-lokacija pomoću usluge Visual Studio Code i koristi ugrađeni Liquid jezik IntelliSense koji omogućava pomoć oko dovršavanja koda, pomoći i nagoveštavanja prilikom prilagođavanja interfejsa veb-lokacija pomoću usluge Visual Studio Code. Koristeći proširenje za Visual Studio Code, možete takođe da konfigurišete portale putem usluge Microsoft Power Platform CLI.
Belešku
- Morate osigurati da se node.js preuzme i instalira na istoj radnoj stanici kao i Visual Studio kod da Power Pages bi funkcije radile.
- Uverite se da je instalirana samo usluga Power Platform Tools, a ne i Power Platform Tools i Power Platform Tools [VERZIJA ZA PREGLED]. Više detalja potražite u članku o poznatim problemima.
Preduslovi
Pre upotrebe proširenja za Visual Studio Code za Power Pages, morate da uradite sledeće:
Preuzmite, instalirajte i konfigurišite Visual Studio Code. Još informacija: Preuzimanje usluge Visual Studio Code
Konfigurišite svoje okruženje i sistem za CI/CD podršku za Power Pages koristeći CLI. Još informacija: Pregled usluge Microsoft Power Platform CLI (verzija za pregled)
Instaliranje Visual Studio Code proširenja
Kada instalirate Visual Studio Code, treba da instalirate proširenje za dodatnu komponentu Power Platform Tools za Visual Studio Code.
Da biste instalirali proširenje za Visual Studio Code:
Otvorite Visual Studio Code.
Izaberite Proširenja iz levog okna.
Izaberite ikonu Postavke u gornjem desnom uglu okna za proširenja.
Potražite i izaberite Power Platform Tools.
Izaberite Instaliraj.
Proverite da li je proširenje uspešno instalirano iz poruka o statusu.
Preuzmite sadržaj veb-lokacije
Da biste potvrdili identitet za Microsoft Dataverse okruženje i da biste preuzeli sadržaj veb-lokacije, pogledajte uputstvo Upotreba usluge Microsoft Power Platform CLI u usluzi Power Pages – preuzimanje sadržaja veb-lokacije.
Napojnica
Proširenje usluge Power Platform Tools automatski omogućava korišćenje Microsoft Power Platform CLI komandi iz usluge Visual Studio Code preko Visual Studio integrisanog terminala.
Ikone datoteke
Proširenje usluge Visual Studio Code za Power Pages automatski identifikuje i prikazuje ikone za datoteke i fascikle unutar preuzetog sadržaja veb-lokacije.
Visual Studio Code koristi podrazumevanu temu ikona datoteka koja ne prikazuje ikone specifične za Power Pages. Da biste videli ikone datoteka specifične za vaše veb stranice, morate ažurirati instancu Visual Studio koda da biste koristili određenu temu ikone Power Pages datoteke.
Da biste omogućili temu ikona datoteka specifičnu za portale:
Otvorite Visual Studio Code.
Idite na Datoteka>Željene postavke>Tema>Tema ikone datoteke
Izaberite temu za Ikone PowerApps portala.
Pregled u realnom vremenu
Proširenje za Visual Studio Code omogućava opciju pregleda uživo za pregled stranice sadržaja usluge Power Pages unutar Visual Studio Code interfejsa tokom iskustva razvoja.
Da biste videli pregled, izaberite 
iz gornjeg desnog uglu kada imate HTML datoteku otvorenu u režimu uređivanja.
Okno za pregled otvara se na desnoj strani stranice koja se uređuje.
Funkcija pregleda zahteva da su i ostale datoteke otvorene u istoj Visual Studio Code sesiji koje čine HTML oznake da bi se pregled prikazao. Na primer, ako je otvorena samo HTML datoteka bez strukture foldera otvorene pomoću Visual Studio koda, pojavljuje se sledeća poruka.
Kada se pojavi ovaj problem, otvorite fasciklu koristeći Datoteka> Otvori fasciklu i izaberite preuzetu fasciklu sa sadržajem veb-lokacije koju ćete otvoriti pre ponovnog pokušaja pregleda.
Automatsko dovršavanje
Funkcija automatskog dovršavanja u proširenju za Visual Studio Code prikazuje trenutni kontekst koji se uređuje i relevantne elemente automatskog dovršavanja putem usluge IntelliSense.
Liquid oznake
Prilikom prilagođavanja preuzetog sadržaja pomoću usluge Visual Studio Code, sada možete da koristite IntelliSense za Power Pages Liquid oznake.
Počnite da kucate da biste videli listu Likuid oznaka. Izaberite oznaku da biste je pravilno formatirali i nastavite sa unosom.
Liquid objekti
Dovršavanja koda Liquid objekta možete videti unošenjem {{ }}. Kada postavite kursor između zagrada, izaberite <CTRL + space> da biste prikazali listu Liquid objekata koje možete da izaberete. Ako objekat ima više svojstava, možete uneti . a zatim ponovo izabrati <CTRL + space> da biste videli određena svojstva Liquid objekta.
Oznake predložaka
Predloge Power Pages veb-predložaka možete videti tako što ćete postaviti kursor u izraz {include ' '} i izabrati <CTRL> - space. Lista postojećih veb šablona se pojavljuje za vas da izaberete.
Kreiranje, brisanje i preimenovanje objekata veb-lokacije
Iz usluge Visual Studio Code možete kreirati, izbrisati i preimenovati sledeće komponente veb-lokacije:
- Veb-stranice
- Predlošci stranica
- Veb-predlošci
- Isečci sadržaja
- Nova sredstva (veb-datoteke)
Kreiranje operacija
Možete koristiti opcije kontekstnog menija za kreiranje novih komponenti veb sajta. Kliknite desnim tasterom miša na jedan od podržanih objekata, izaberite Power Pages i izaberite tip objekta veb sajta koji želite da kreirate.
Druga mogućnost je da koristite komandnu paletu usluge Visual Studio Code tako što ćete izabrati Ctrl + Shift + P.
Potrebno je da navedete više parametara da biste kreirali objekat.
| Objekat | Parametri |
|---|---|
| Veb-stranice | Naziv, predložak stranice, nadređena stranica |
| Predlošci stranica | Naziv, veb-predložak |
| Veb-predlošci | Naziv |
| Isečci sadržaja | Naziv, i ako će isečak biti HTML ili tekst. |
| Nova sredstva (veb-datoteke) | Naziv, nadređena stranica i izaberite datoteku za otpremanje. |
Preimenovanje i brisanje operacija
Iz navigacije datoteka možete da koristite kontekstualni meni da biste preimenovali ili izbrisali Power Pages komponente.
Napomena
Izbrisani objekti se mogu vratiti iz korpe za otpatke na radnoj površini.
Ograničenja
Sledeća ograničenja se trenutno primenjuju na Power Platform Tools za portale:
- Funkcije automatskog dovršavanja podržavaju samo ograničenu funkcionalnost.
- Pregled uživo ne podržava prilagođene teme ili Likuid objekte.
Srodne informacije
Power Pages podrška za Microsoft Power Platform CLI (pregled)