Korišćenje proširenja za Visual Studio Code
Visual Studio Code je lagan, ali moćan uređivač izvornog koda koji se pokreće na vašoj radnoj površini i dostupan je za Windows, macOS i Linux. Dolazi sa ugrađenom podrškom za JavaScript, TypeScript i Node.js i ima bogat ekosistem proširenja za druge jezike (kao što su C++, C#, Java, Python, PHP i Go) i izvršne komponente (poput .NET i Unity). Za više informacija, pogledajte Početni koraci uz VS Code.
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.
Napomena
- Moraćete da se uverite da je datoteka node.js preuzeta i instalirana na istoj radnoj stanici kao i Visual Studio Code da bi Power Pages 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 pregledali ikone datoteka specifične za vaše veb-lokacije, moraćete da ažurirate Visual Studio Code instancu da biste koristili temu ikona datoteka specifične za Power Pages.
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 
u gornjem desnom uglu kada je HTML datoteka otvorena 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 se otvori samo HTML datoteka, a struktura fascikle se ne otvori pomoću usluge Visual Studio Code, videćete sledeću poruku.
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 tako što ćete otkucati i pojaviće se lista Liquid oznaka, kada izaberete oznaku, ona će biti ispravno formatirana i spremna za dalji unos.
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. Pojaviće se lista postojećih veb-predložaka koje možete izabrati.
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
Opcije kontekstualnog menija možete da koristite za kreiranje novih komponenti veb-lokacije, izaberite desnim tasterom jedan od podržanih objekata, odaberite Power Pages i izaberite tip objekta veb-lokacije koji želite da kreirate.
Druga mogućnost je da koristite komandnu paletu usluge Visual Studio Code tako što ćete izabrati Ctrl + Shift + P.
Moraćete 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 Liquid objekte.
Pogledajte i ovo
Power Pages podrška za Microsoft Power Platform CLI (verzija za pregled)