Share via

Urejanje kode z orodjem Visual Studio Code za spletni urejevalnik (predogledna različica)

  • Članek

[Ta tema je namenjena predizdajni dokumentaciji in se lahko spremeni.]

V oblikovalskem studiu lahko urejate kodo lokacije z orodjem Visual Studio Code za splet. Ta funkcija vam omogoča urejanje statične vsebine, HTML, CSS, Liquid in JavaScript za naslednje metapodatke spletnega mesta:

Metapodatki Vsebina
Napredni obrazci (obrazci z več koraki) JavaScript
Osnovni obrazci JavaScript
Izrezki vsebine Vsa podprta vsebina izrezkov vsebine
Seznami JavaScript
Spletne datoteke Ogled in prenos predstavnostnih datotek. Urejanje besedilnih datotek (s kodo).
Spletne strani Vsa podprta vsebina (na jezik), JavaScript in CSS
Spletne predloge Vsa podprta vsebina

opomba,

Ne boste mogli ustvarjati metapodatkovnih zapisov, lahko samo dodajate in urejate vsebino, programirate ter si ogledujete/prenašate datotečne priloge.

Visual Studio Code za splet ponuja brezplačno izkušnjo orodja Microsoft Visual Studio Code, ki ne zahteva namestitve in se v celoti izvaja v vašem brskalniku, kar vam omogoča hitro in varno brskanje po kodi spletnega mesta ter spreminjanje kode. Več informacij: Izkušnja z Visual Studio Code za splet.

Pomembno

  • To je funkcija predogleda.
  • Poskusne funkcije niso za komercialno uporabo, njihovo delovanje je lahko omejeno. Te funkcije so na voljo še pred uradno izdajo, da lahko stranke predčasno dostopajo do njih in posredujejo povratne informacije.

Predstavitev uporabe orodja Visual Studio Code za splet za urejanje lokacij storitve Power Pages.

opomba,

  • Prvo nalaganje orodja Visual Studio Code za splet lahko traja nekaj časa, saj bo nameščalo zahtevane razširitve za to funkcijo.
  • Postopki ustvarjanja, brisanja in preimenovanja datoteke niso podprti.
  • Ta funkcija uporablja spletno razširitev Power Platform Tools. Spletne razširitve omejuje peskovnik brskalnika in imajo zato omejitve v primerjavi z običajnimi razširitvami.
    • Vmesnik ukazne vrstice za Power Platform ni podprt.
    • Funkcije spletne razširitve Power Platform Tools so omejene na izkušnjo urejanja kode storitve Power Pages.
    • Ta funkcija ni na voljo v oblaku vladne skupnosti (GCC), oblaku vladne skupnosti (GCC High) in ministrstvu za obrambo (DoD). Uporabniki v teh regijah bodo za urejanje kode uporabljali aplikacijo za upravljanje portalov. Za več informacij glejte Urejanje kode v aplikaciji za upravljanje portalov.

Urejanje kode je na voljo v studiu za oblikovanje

Kodo svojega spletnega mesta lahko začnete urejati s programom Visual Studio Code for the Web na Power Pages domači strani tako, da izberete Uredi kodo spletnega mesta v spustnem meniju Uredi .

V oblikovalskem studiu lahko urejate tudi kodo z naslednjih področij:

Oglejmo si, kako urediti kodo s temi področji.

Urejanje kode spletne strani v delovnem prostoru strani

Ko odprete oblikovalski studio za Power Pages, vidite možnost Urejanje kode v meniju strani1 in zgornjem desnem kotu zaslona2.

Uredite kodo v delovnem prostoru strani.

Koda predloge glave iz delovnega prostora strani

Izberite Uredi glavo lokacije in nato izberite Uredi kodo, da odprete urejevalnik kode.

Uredite kodo v glavi strani.

Urejanje kode CSS po meri v delovnem prostoru za oblikovanje

Pojdite v delovni prostor za oblikovanje in izberite razpoložljiv meni CSS Uredi kodo po meri, da odprete urejevalnik kode.

Uredite kodo iz CSS po meri.

Obvestilo o sporu pri spajanju

Če sodelujete z drugimi razvijalci, lahko pride do situacij, ko boste delali na isti izvorni kodi. Če poskusite shraniti spremembe v zastarelo datoteko, boste prejeli obvestilo za primerjavo ali prepis sprememb.

Primerjava kode bo prikazala trenutno kodo skupaj z vašo kodo in vam omogočila, da se vrnete na obstoječe spremembe, sprejmete vsako spremembo posebej ali uporabite svoje spremembe in prepišete obstoječo vsebino.

Spori pri spajanju v kodi.

Lahko boste pregledali najnovejšo vsebino in združili ali prepisali kodo oziroma zavrgli spremembe.

Vadnica: Urejanje kode lokacije z uporabo orodja Visual Studio Code za splet

V tej vadnici se boste seznanili z urejanjem kode lokacije z uporabo orodja Visual Studio Code za splet.

1. korak: Uredite kodo mesta z Visual Studio Code for the Web

  1. Odprite svojo lokacijo v oblikovalskem studiu za Power Pages

  2. V zgornjem desnem kotu izberite Uredi kodo

    Odpiranje iz oblikovalskega studia v orodju Visual Studio Code.

  3. Iz potrditvenega dialoga izberite Odpri Visual Studio Code.

  4. Vpišite se v orodje Visual Studio Code s poverilnicami svojega okolja.

  5. Počakajte, da se spletna razširitev Power Platform Tools inicializira in koda spletne strani naloži v levem podoknu.

2. korak: Posodobitev vsebine in kode

  1. Raziskovalec na levi strani zaslona naloži ustrezne metapodatke o konfiguraciji spletnega mesta, ki jih je mogoče urejati z uporabo orodja Visual Code za splet.

    Meni raziskovalca za delovni prostor brez naslova, ki prikazuje spletne datoteke.

  2. Spremenite ustrezne datoteke z metapodatki in pritisnite Ctrl+S, da shranite spremembe.

  3. Pojdite v oblikovalski studio in izberite Sinhroniziranje, da prenesete vse posodobitve v trenutni seji oblikovalskega studia.

    Vmesnik uporabniku omogoča izbiro gumba Sinhroniziraj, ki sinhronizira spremembe, narejene v Visual Studio Code, z oblikovalskim studiem.

  4. Izberite Predogled, če si želite ogledati spremembe na lokaciji Power Pages.

Uporaba Visual Studio Code za splet ali Visual Studio Code Desktop

Uporabniki lahko urejajo, odpravljajo napake in si predogledajo spremembe urejenih strani z uporabo Visual Studio Code za splet, ne da bi morali uporabljati zunanja orodja. Visual Studio Code Desktop ponuja druge napredne funkcije za urejanje vseh metapodatkov spletnega mesta in integracijo z GitHub, ogrodji in procesi stalne integracije/stalnega razvoja (CI/CD).

Funkcija Koda VS za splet VS Code Desktop
Ustvarjanje novih zapisov metapodatkov za konfiguracijo spletnega mesta No Omejeno na spletne strani, predloge strani, spletne predloge, izrezke vsebine in spletne datoteke.
Neposredno urejanje lokacije Da No
Urejanje metapodatkov lokacije Omejeno na urejanje spletnih strani, izrezkov vsebine, osnovnih obrazcev, obrazcev z več koraki, seznamov in spletnih predlog. Konfiguracija vseh metapodatkov storitve Power Pages
Predogledna različica lokacije Načrtovano Načrtovano
Podpora za vmesnik ukazne vrstice za Power Platform No Da
Napreden potek dela, vezan na procesor in prostor za shranjevanje – podpora za ReactJS ali drugo orodje za gradnjo ogrodja No Da
Integracija storitve GitHub z zmožnostmi, kot so prijava in odjava kode, upravljanje sporov ter spajanje. No Da

Urejanje kode v aplikaciji za upravljanje portalov

opomba,

  • Uporaba Visual Studio kode za splet za urejanje spletnih mest ni podprta v oblaku vladne skupnosti (GCC), oblaku vladne skupnosti (GCC High) in ministrstvu za obrambo (DoD). Uporabniki v teh regijah lahko za spreminjanje uporabijo aplikacijo za upravljanje portalov.

Če regija ne podpira Visual Studio Code za splet, v ukazni vrstici izberite ikono urejevalnika kode </>, tako odprete aplikacijo za upravljanje portalov.

Za urejanje kode se pomaknite do ustreznih zapisov spletnih strani, osnovnih obrazcev, obrazcev z več koraki, seznamov ali spletnih predlog.

Vnesi Mesto kode
Spletna stran Izberite zapis spletne strani.
Izberite zapis vsebine spletne strani iz razdelka Lokalizirana vsebina.
Kopijo strani lahko urejate v polju Kopiraj (HTML) na zavihku Splošno .
Kodo JavaScript po meri in CSS po meri lahko urejate na zavihku Napredno.
Osnovni obrazec Izberite zapis osnovnega obrazca.
Uredite Custom JavaScript na zavihku Additional Settings.
Obrazec z več koraki Izberite zapis obrazca z več koraki.
Izberite korak obrazca z več koraki na zavihku Koraki obrazca .
Uredite JavaScript po meri na zavihku Možnosti obrazca.
Seznam Izberite zapis seznama.
Uredite JavaScript po meri na zavihku Možnosti.
Spletna predloga Izberite zapis spletne predloge.
Uredite Vir na zavihku Splošno.

Shranite zapis in si oglejte predogledno različico spletnega mesta, da preizkusite kodo.

Glejte tudi