Deli putem


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.

Animacija koja sadrži objašnjenja o tome kako da instalirate i postavite Power Platform Tools.

Preduslovi

Pre upotrebe proširenja za Visual Studio Code za Power Pages, morate da uradite sledeće:

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:

  1. Otvorite Visual Studio Code.

  2. Izaberite Proširenja iz levog okna.

    Proširenje za Visual Studio Code.

  3. Izaberite ikonu Postavke u gornjem desnom uglu okna za proširenja.

  4. Potražite i izaberite Power Platform Tools.

    Izaberite Power Platform Tools.

  5. Izaberite Instaliraj.

  6. 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.

Lista datoteka na početnom predlošku sa temom ikone datoteke specifičnom za 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:

  1. Otvorite Visual Studio Code.

  2. Idite na Datoteka>Željene postavke>Tema>Tema ikone datoteke

  3. Izaberite temu za Ikone PowerApps portala.

    Snimak ekrana prikazuje odabir teme za Power Apps ikone 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 Snimak ekrana dugmeta za pregled. iz gornjeg desnog uglu kada imate HTML datoteku otvorenu u režimu uređivanja.

Snimak ekrana pregleda stranice.

Okno za pregled otvara se na desnoj strani stranice koja se uređuje.

Snimak ekrana koji prikazuje listu datoteka, otvorenu datoteku u Visual Studio uredniku koda i pregled na desnoj strani.

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.

Snimak ekrana prikazuje pokretanje komande koja je doprinela: 'microsoft-poverapps-portals.preview-shov' nije uspela.

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.

Snimak ekrana sa primerom autokompleta za ID šablona stranice.

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.

Snimak ekrana isečka sa primerom završetka Likuid oznake.

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.

Snimak ekrana prikazuje unos Likuid objekat.

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.

Snimak ekrana oznaka šablona.

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.

Kreirajte novi objekat.

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:

Power Pages podrška za Microsoft Power Platform CLI (pregled)