Dijeli putem

Upotreba proširenja Visual Studio Code

  • Članak

Visual Studio Code je lagan, moćan uređivač izvornog koda za Windows, macOS i Linux. Podržava JavaScript, TypeScript i Node.js te ima bogat ekosustav proširenja za druge jezike kao što su C++, C#, Java, Python, PHP i Go te vremena izvođenja kao što su .NET i Unity. Saznajte više o Visual Studio Codeu u članku Početak rada sa VS Codeom.

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

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

Animacija koja objašnjava kako instalirati i postaviti Power Platform Tools.

Preduvjeti

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

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.

    Proširenje Visual Studio Code.

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

  4. Potražite i odaberite Power Platform Tools.

    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.

Popis datoteka na početnom predlošku s temom ikone datoteke specifične za web-stranice.

Visual Studio Code upotrebljava zadanu temu ikone datoteke koja ne prikazuje ikone specifične za Power Pages. Da biste vidjeli ikone datoteka specifične za vaše web stranice, morate ažurirati instancu Visual Studio Code da biste koristili određenu temu ikone Power Pages datoteke.

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.

    Snimka zaslona prikazuje odabir teme za Power Apps ikone portala.

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.

Da biste vidjeli pretpregled, odaberite Snimka zaslona gumba za pregled. u gornjem desnom kutu kada je HTML datoteka otvorena u načinu uređivanja.

Snimka zaslona pregleda stranice.

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

Snimka zaslona koja prikazuje popis datoteka, otvorenu datoteku u Visual Studio uređivaču koda i pregled na desnoj strani.

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 HTML datoteka bez strukture mapa otvorene pomoću Visual Studio Codea, pojavit će se sljedeća poruka.

Snimka zaslona prikazuje pokretanje naredbe za doprinos: 'microsoft-powerapps-portals.preview-show' nije uspjelo.

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.

Snimka zaslona s primjerom samodovršetka za ID predloška stranice.

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 tipkati da biste vidjeli popis oznaka Liquid. Odaberite oznaku da biste je ispravno formatirali i nastavite s unosom.

Snimka zaslona isječka s primjerom dovršetka oznake Liquid.

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.

Snimka zaslona prikazuje unos Liquid objekta.

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.

Snimka zaslona oznaka predloška.

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 koristiti opcije kontekstnog izbornika za stvaranje novih komponenti web stranice. Desnom tipkom miša kliknite jedan od podržanih objekata, odaberite Power Pages i odaberite vrstu objekta web stranice koju želite stvoriti.

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

Izradite novi objekt.

Za stvaranje objekta morate 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:

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