Deli z drugimi prek


Uporaba razširitve za kodo za Visual Studio Code

Visual Studio Code je lahek, zmogljiv urejevalnik izvorne kode za Windows, macOS in Linux. Podpira JavaScript, TypeScript in Node.js ter ima bogat ekosistem razširitev za druge jezike, kot so C++, C#, Java, Python, PHP in Go, ter izvajalne čase, kot sta .NET in Unity. Več o Visual Studio kodi v Začnite s kodo VS.

Visual Studio Code vam omogoča, da razširite svoje zmogljivosti z razširitvami. Razširitve za Visual Studio Code lahko celotni izkušnji dodajo več funkcij. Z izdajo te funkcije lahko zdaj uporabljate razširitev za Visual Studio Code za delo s storitvijo Power Pages .

Razširitev za Visual Studio Code za storitev Power Pages

Storitev Power Platform Tools dodaja možnost konfiguriranja spletnih mest s storitvijo Visual Studio Code in vgrajenim jezikom Liquid IntelliSense, ki omogoča pomoč pri izpolnjevanju kode, podporo in namige pri prilagajanju vmesnika spletnih mest s storitvijo Visual Studio Code. Z razširitvijo za Visual Studio Code lahko portale konfigurirate tudi prek Microsoft Power Platform CLI.

opomba,

  • Zagotoviti morate, da je node.js prenesen in nameščen na isti delovni postaji kot Visual Studio koda za Power Pages funkcije za delo.
  • Prepričajte se, da so nameščena le orodja Power Platform Tools, ne pa orodja Power Platform Tools in orodja Power Platform Tools [PREDOGLEDNA RAZLIČICA ]. Za podrobnosti glejte znane težave.

Animacija, ki pojasnjuje, kako namestiti in nastaviti orodja Power Platform Tools.

Zahteve

Pred uporabo razširitve za Visual Studio Code za storitev Power Pages:

Namestitev razširitve za Visual Studio Code

Ko namestite Visual Studio Code, morate namestiti razširitev za vtičnik orodij Power Platform Tools za Visual Studio Code.

Če želite namestiti razširitev za Visual Studio Code:

  1. Odprite kodo Visual Studio Code.

  2. V levem podoknu izberite Razširitve.

    Razširitev za Visual Studio Code.

  3. Izberite ikono Nastavitve zgoraj desno na podoknu razširitev.

  4. Poiščite in izberite Power Platform Tools.

    Izberite orodja Power Platform Tools.

  5. Izberite Namesti.

  6. Iz sporočila o stanju preverite, ali je razširitev uspešno nameščena.

Prenos vsebine spletnih mest

Za preverjanje pristnosti prek okolja storitve Microsoft Dataverse in za prenos vsebine spletnih mest glejte vadnico Uporaba Microsoft Power Platform CLI s storitvijo Power Pages – prenos vsebine spletnih mest.

Napitnina

Razširitev Power Platform Tools se samodejno omogoči z uporabo Microsoft Power Platform CLI znotraj Visual Studio Code prek integriranega terminala Visual Studio.

Ikone datotek

Razširitev za Visual Studio Code za storitev Power Pages samodejno prepozna ter prikaže ikone za datoteke in mape znotraj prenesene vsebine spletnih mest.

Seznam datotek v začetni predlogi s temo ikone datoteke, specifično za spletno mesto.

Visual Studio Code uporablja privzeto temo ikone datoteke, ki ne prikazuje ikon, specifičnih za storitev Power Pages. Če si želite ogledati ikone datotek, značilne za vaša spletna mesta, morate posodobiti primerek Visual Studio kode, da bo uporabljal Power Pages temo ikon določene datoteke.

Če želite omogočiti temo ikone datoteke, specifično za portale:

  1. Odprite kodo Visual Studio Code.

  2. Odprite Datoteka>Nastavitve>Tema>Tema ikone datoteke

  3. Izberite temo za ikone portalov storitve PowerApps.

    Posnetek zaslona prikazuje izbiro teme za Power Apps Ikone portalov.

Predogled v živo

Razširitev za Visual Studio Code omogoča možnost sprotnega predogleda za ogled strani z vsebino storitve Power Pages znotraj vmesnika Visual Studio Code med razvojem.

Če želite videti predogledna različica, izberite Posnetek zaslona gumba predogledna različica. v zgornjem desnem kotu, ko imate odprto datoteko HTML v način urejanja.

Posnetek zaslona strani predogledna različica.

Podokno za predogled se odpre na desni strani na strani, ki jo urejate.

Posnetek zaslona, ​​ki prikazuje seznam datotek, odprto datoteko v Visual Studio urejevalniku kode in predogledna različica na desni strani.

Funkcija predogleda zahteva, da so tudi druge datoteke odprte v isti seji Visual Studio Code, ki sestavlja pribitek HTML za prikaz predogledne različice. Če se na primer odpre samo datoteka HTML brez strukture mape, odprte s Visual Studio kodo, se prikaže naslednje sporočilo.

Posnetek zaslona prikazuje izvajanje prispevanega ukaza: 'microsoft-powerapps-portals.preview-show' ni uspelo.

Ko nastopi ta težava, odprite mapo z možnostjo Datoteka > Odpri mapo in izberite mapo prenesene vsebine spletnega mesta, ki jo želite odpreti, preden poskusite znova predogledati.

Samodokončanje

Funkcija samodokončanja v razširitvi Visual Studio Code prikazuje trenutni kontekst, ki ga urejamo, in ustrezne elemente samodokončanja prek IntelliSense.

Posnetek zaslona s primerom samodokončanja za ID predloge strani.

Oznake Liquid

Pri prilagajanju prenesene vsebine z Visual Studio Code lahko zdaj uporabljate IntelliSense za oznake Liquid storitve Power Pages.

Začnite tipkati, da vidite seznam oznak Liquid. Izberite oznako, da jo pravilno oblikujete, in nadaljujte z vnosom.

Posnetek zaslona izrezek s primerom dokončanja oznake Liquid.

Predmeti Liquid

Dokončanja kode predmeta Liquid si lahko ogledate tako, da vnesete {{ }}. S kazalcem, postavljenim med oklepaje, izberite <CTRL + space> za prikaz seznama predmetov Liquid, ki jih lahko izberete. Če ima predmet več lastnosti, lahko vnesete . in nato znova izberete <CTRL + space> , da vidite določene lastnosti predmeta Liquid.

Posnetek zaslona prikazuje vnos predmeta Liquid.

Oznake predlog

Predlagane spletne predloge storitve Power Pages lahko vidite tako, da kazalec postavite na izjavo {include ' '} in izberete <CTRL> - space. Prikaže se seznam obstoječih spletnih predlog, ki jih lahko izberete.

Posnetek zaslona oznak predloge.

Ustvarjanje, brisanje in preimenovanje objektov spletnega mesta

V Visual Studio Code lahko ustvarite, izbrišete in preimenujete naslednje komponente spletnega mesta:

  • Spletne strani
  • Predloge strani
  • Spletne predloge
  • Izrezki vsebine
  • Nova sredstva (spletne datoteke)

Ustvarjanje operacij

Za ustvarjanje novih komponent spletnega mesta lahko uporabite možnosti kontekstnega menija. Z desno miškino tipko kliknite enega od podprtih objektov, izberite Power Pages in izberite vrsto predmeta spletnega mesta, ki ga želite ustvariti.

Lahko pa uporabite tudi paleto ukazov Visual Studio Code, in sicer tako, da izberete Ctrl + Shift + P.

Ustvarite novi predmet.

Če želite ustvariti predmet, morate določiti več parametrov.

Predmet Parametri
Spletne strani Ime, predloga strani, nadrejena stran
Predloge strani Ime, spletna predloga
Spletne predloge Imenu
Izrezki vsebine Ime in ali bo izrezek HTML ali besedilo.
Nova sredstva (spletne datoteke) Ime, nadrejena stran in izberite datoteko za nalaganje.

Preimenovanje in brisanje postopkov

V navigaciji po datotekah lahko uporabite kontekstni meni za preimenovanje ali brisanje komponent za Power Pages.

opomba,

Izbrisane predmete je mogoče obnoviti iz koša na namizju.

Omejitve

Za Power Platform Tools trenutno veljajo naslednje omejitve za portale:

Power Pages podpora za Microsoft Power Platform CLI (predogledna različica)