Upotreba proširenja Visual Studio Code

Visual Studio Code lagan je, ali moćan uređivač izvornog koda koji se izvodi na vašoj radnoj površini i dostupan je za sustave Windows, MacOS i Linux. Dolazi s ugrađenom podrškom za JavaScript, TypeScript i Node.js i ima bogat ekosustav proširenja za druge jezike (kao što su C ++, C#, Java, Python, PHP i Go) i vrijeme izvođenja (kao što su .NET i Unity). Za više informacija pogledajte Početak rada s alatom VS Code.

Visual Studio Code omogućava više mogućnosti s pomoću proširenja. Visual Studio Code proširenja mogu dodati više značajki u cjelokupni doživljaj. Objavljivanjem ove značajke sada možete upotrijebiti proširenje Visual Studio Code za rad s Power Pages.

Proširenje Visual Studio Code za Power Pages

Power Platform Tools dodaje mogućnost konfiguriranja web-stranica s pomoću alata Visual Studio Code i upotrebe ugrađenog jezika Liquid IntelliSense omogućavanjem pomoći pri dovršavanju koda, pomoći i savjeta tijekom prilagođavanja sučelja web-stranica s pomoću alata Visual Studio Code. Upotrebom proširenja Visual Studio Code možete konfigurirati portale putem usluge Microsoft Power Platform CLI.

Napomena

• Morat ćete osigurati da je node.js preuzet i instaliran na istoj radnoj stanici kao Visual Studio Code kako bi značajke platforme Power Pages radile.
• Provjerite je li instaliran samo Power Platform Tools, a ne Power PlatformTools i Power PlatformTools [PRETPREGLED]. Pogledajte poznate probleme za pojedinosti.

Preduvjeti

Prije upotrebe proširenja Visual Studio Code za Power Pages morate učiniti sljedeće:

• Preuzeti, instalirati i konfigurirati Visual Studio Code. Više informacija: Preuzimanje značajke Visual Studio Code

• Konfigurirati svoje okruženje i sustav za Power Pages za podršku CI/CD-a s pomoću CLI-ja. Dodatne informacije: Microsoft Power Platform CLI (pretpregled)

Instalacija proširenja Visual Studio Code

Nakon instalacije alata Visual Studio Code morate instalirati proširenje za dodatak za programski priključaka Power Platform Tools za Visual Studio Code.

Učinite sljedeće za intalaciju proširenja Visual Studio Code:

1. Otvorite Visual Studio Code.

2. Odaberite Proširenja u lijevom oknu.

   

3. Odaberite ikonu Postavki gore desno u oknu s proširenjima.

4. Potražite i odaberite Power Platform Tools.

   

5. Odaberite Instaliraj.

6. Provjerite u porukama o statusu je li proširenje uspješno instalirano.

Preuzimanje sadržaja web-stranice

Za provjeru autentičnosti u okruženju Microsoft Dataverse i za preuzimanje sadržaja web-stranice pogledajte vodič Upotreba Microsoft Power Platform CLI-ja s Power Pages – preuzimanje sadržaja web-stranice.

Savjet

Proširenje Power Platform Tools automatski omogućava upotrebu naredbi Microsoft Power Platform CLI iz alata Visual Studio Code putem integriranog terminala Visual Studio.

Ikone datoteke

Proširenje Visual Studio Code za Power Pages automatski identificira i prikazuje ikone za datoteke i mape unutar preuzetog sadržaja web-stranice.

Visual Studio Code upotrebljava zadanu temu ikone datoteke koja ne prikazuje ikone specifične za Power Pages. Kako biste pregledali ikone datoteka specifične za vaše web-stranice, morat ćete ažurirati instancu alata Visual Studio Code kako biste upotrebljavali temu ikone datoteke specifične za Power Pages.

Da biste omogućili temu datoteke-ikone specifičnu za portale:

1. Otvorite Visual Studio Code.

2. Idite na Datoteka>Preference>Tema>Tema ikone datoteke

3. Odaberite temu za Ikone portala PowerApps.

   

Pretpregled uživo

Proširenje Visual Studio Code omogućava prikaz stranice sadržaja Power Pages unutar sučelja alata Visual Studio Code tijekom razvoja.

Kako biste vidjeli pretpregled, odaberite na gornjoj desnoj strani kad je HTML datoteka otvorena u načinu uređivanja.

Okno pretpregleda otvara se s desne strane stranice koja se uređuje.

Značajka pretpregleda zahtijeva da su i ostale datoteke otvorene u istoj sesiji Visual Studio Code koje čine HTML oznaku za prikaz pretpregleda. Na primjer, ako se otvori samo datoteka HTML, a da se struktura mape ne otvori s pomoću alata Visual Studio Code, vidjet ćete sljedeću poruku.

Kad se pojavi ovaj problem, otvorite mapu putem Datoteka > Otvori mapu i odaberite preuzetu mapu sadržaja web-stranice koju ćete otvoriti prije ponovnog pokušaja pretpregleda.

Automatsko dovršavanje

Mogućnost automatskog dovršavanja u proširenju Visual Studio Code prikazuje trenutačni kontekst koji se uređuje i relevantne elemente automatskog dovršavanja putem IntelliSensea.

Oznake jezika Liquid

Prilikom prilagođavanja preuzetog sadržaja s pomoću alata Visual Studio Code, sad možete upotrijebiti IntelliSense za oznake Liquid platforme Power Pages.

Počnite pisati pa će se pojaviti popis oznaka jezika Liquid. Nakon što odaberete oznaku, ona će se ispravno formatirati i bit spremna za daljnji unos.

Objekti jezika Liquid

Možete vidjeti dovršavanje koda Objekta jezika Liquid na način da unesete {{ }}. S pokazivačem postavljenim između zagrada odaberite <CTRL + space> za prikaz popisa objekata jezika Liquid koje možete odabrati. Ako objekt ima više svojstava, možete unijeti . i zatim ponovno odabrati <CTRL + space> kako biste vidjeli specifična svojstva objekta jezika Liquid.

Oznake predloška

Prijedloge za web-predložak platforme Power Pages možete vidjeti ako postavite pokazivač u izjavu {include ' '} i odaberete <CTRL> - space. Pojavit će se popis postojećih web-predložaka koje možete odabrati.

Izrada, brisanje i preimenovanje objekata web-mjesta

U alatu Visual Studio Code možete izraditi, izbrisati i preimenovati sljedeće komponente web-mjesta:

• Web-stranice
• Predlošci stranice
• Web-predlošci
• Isječci sadržaja
• Nova sredstva (web-datoteke)

Stvaranje operacija

Možete upotrijebiti mogućnosti kontekstnog izbornika za izradu novih komponenti web-mjesta. Desnom tipkom miša odaberite jedan od podržanih objekata, odaberite Power Pages i odaberite vrstu objekta web-mjesta koji želite izraditi.

Možete i upotrijebiti paletu naredbi Visual Studio Code na način da odaberete Ctrl + Shift + P.

Za izradu objekta morat ćete navesti više parametara.

Objekt	Parametri
Web-stranice	Naziv, predložak stranice, nadređena stranica
Predlošci stranice	Naziv, web-predložak
Web-predlošci	Ime/naziv
Isječci sadržaja	Naziv i hoće li isječak biti HTML ili tekst.
Nova sredstva (web-datoteke)	Naziv, nadređena stranica i odabrana datoteka za učitavanje.

Preimenovanje i brisanje radnji

Prilikom navigacije datotekama možete upotrijbiti kontekstni izbornik za preimenovanje ili brisanje komponenti Power Pages.

Napomena

Izbrisani objekti mogu se vratiti iz koša za smeće radne površine.

Ograničenja

Sljedeća ograničenja trenutačno se odnose na proširenje Power Platform Tools za portale:

• Značajke automatskog dovršavanja podržavaju samo ograničenu funkcionalnost.
• Pretpregled uživo ne podržava prilagođene teme ili objekte Liquid.

Pogledajte

Podrška Power Pages za Microsoft Power Platform CLI (pretpregled)