Urejanje kode z Visual Studio Code for the Web (predogled)

[Ta tema je predizdajna dokumentacija in se lahko spremeni.]

Iz oblikovalskega studia lahko urejaš kodo strani z uporabo 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
Osnovne oblike	JavaScript
Odrezki 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,

Zapisov metapodatkov ne boste mogli ustvarjati, temveč le dodajati in urejati vsebino, kodo ter si ogledati/prenesti datotečne priloge.

Visual Studio Code for the Web ponuja brezplačno izkušnjo Microsoft Visual Studio Code brez namestitve, ki teče v celoti v vašem brskalniku, kar vam omogoča brskanje po spletni kodi in hitro ter varno izvajanje lahkih sprememb kode. Več informacij: Visual Studio Code za spletno izkušnjo.

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.

opomba,

• Prvič bo nalaganje Visual Studio Code za splet trajalo nekaj časa, saj bo nameščal potrebne razširitve za to funkcijo.
• Postopki ustvarjanja, brisanja in preimenovanja datotek niso podprti.
• Ta funkcija uporablja spletno razširitev Power Platform Tools . Spletne razširitve so omejene s peskovnikom brskalnika in imajo zato omejitve v primerjavi z običajnimi razširitvami.
  • Power Platform CLI ni podprt.
  • Funkcije spletnih razširitev Power Platform Tools so omejene na izkušnje z urejanjem kode v Power Pages.
  • Ta funkcija ni na voljo v oblaku Government Community Cloud (GCC), Government Community Cloud (GCC High) in Department of Defense (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 svoje strani lahko začnete urejati z uporabo Visual Studio Code for the Web na domači strani Power Pages tako, da izberete možnost Uredi kodo strani v spustnem meniju Edit.

Kodo lahko v oblikovalskem studiu urejate tudi na naslednjih področjih:

• Urejanje kode spletne strani iz delovnega prostora Pages
• Koda predloge glave iz delovnega prostora Pages
• Uredi po meri CSS koda iz delovnega prostora Styling
• Urejanje kode JavaScript po meri za obrazce z več koraki
• Urejanje kode JavaScript po meri za osnovne obrazce
• Urejanje kode JavaScript po meri za sezname
• Urejanje izrezkov vsebine
• Urejanje spletnih predlog
• Ogled in prenos predstavnostnih spletnih datotek (slike)
• Urejanje besedilnih spletnih datotek (CSS, JavaScript, drugo)

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

Urejanje kode spletne strani v delovnem prostoru strani

Ko odprete Power Pages Design Studio, vidite možnost Uredi kodo v meniju Pages¹ in zgornjem desnem kotu zaslona².

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.

Pogled akcij v Power Pages

Pogled Power Pages Actions, dostopen na dnu File Explorerja, omogoča neposredno upravljanje Power Pages strani v urejevalniku. Zmanjša potrebo po prehodu na Power Pages design studio, saj razvijalcem omogoča hitro izvajanje običajnih nalog znotraj urejevalnika.

Razpoložljivi ukrepi

• Spletno mesto za predogled
  S tem dejanjem počistite konfiguracijski predpomnilnik in odprete mesto v programu VS Code. Razvijalcem omogoča predogled in testiranje sprememb kode spletnega mesta brez potrebe po preklapljanju konteksta v Power Pages Design Studio.

• Odpri v Power Pages oblikovalskem studiu
  Po spremembah kode uporabite to dejanje, da greste v Power Pages Design Studio. To je uporabno za konfiguriranje ponudnikov preverjanja pristnosti, spletnih vlog in drugih nastavitev mesta, ki jih ni mogoče urejati v urejevalniku kode.

• Odpiranje v namizju programa VS Code
  Če je nameščen VS Code Desktop, to dejanje odpre mesto v namizni aplikaciji. Prav tako sproži prenos spletnega mesta, kar zagotavlja, da je koda na voljo lokalno in pripravljena za urejanje.

Obvestilo o sporu pri spajanju

Če sodelujete z drugimi razvijalci, boste morda 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.

Vodič: Urejanje kode spletne strani z uporabo Visual Studio Code for the Web

V tem vodiču vodite skozi urejanje kode strani z uporabo Visual Studio Code for Web.

Korak 1: Uredite kodo spletnega mesta z uporabo Visual Studio Code for the Web

1. Odpri svojo stran v Power Pages Design Studio

2. V zgornjem desnem kotu izberite Uredi kodo

   

3. Izberite Odpri Visual Studio Code iz potrditvenega dialoga.

4. Prijavite se v Visual Studio Code z uporabo poverilnic v svojem okolju.

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.

   

4. Izberite Predogled za ogled sprememb na Power Pages strani.

Uporaba Visual Studio Code za splet ali Visual Studio Code Desktop

Uporabniki lahko urejajo, odpravljajo napake in predgledajo spremembe urejanja strani z uporabo Visual Studio Code for the Web brez uporabe zunanjih orodij. Visual Studio Code Desktop ponuja druge napredne funkcije za urejanje vseh metapodatkov spletnih strani in integracijo z GitHub, ogrodji ter procesi neprekinjene integracije/neprekinjenega razvoja (CI/CD).

Funkcija	VS koda za splet	Namizni računalnik VS Code
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 Power Pages
Predogledna različica lokacije	Načrtovano	Načrtovano
Power Platform CLI podpora	No	Da
Napredni potek dela CPU-ja in pomnilnika - podpora za orodje za gradnjo ReactJS ali drugega ogrodja	No	Da
Integracija GitHub z možnostmi, kot so prijava kode, odjava, upravljanje konfliktov in združevanje.	No	Da

Urejanje kode v aplikaciji za upravljanje portalov

opomba,

• Uporaba Visual Studio Code for the Web za urejanje spletnih strani ni podprta v Government Community Cloud (GCC), Government Community Cloud (GCC High) in Department of Defense (DoD). Uporabniki v teh regijah lahko za spremembe uporabijo aplikacijo Upravljanje portala .

Če regija ne podpira Visual Studio Code za splet, bo izbira ikone urejevalnika kode </> v ukazni vrstici odprla aplikacijo Portal Management.

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 Lokalizirana vsebina odsek. Kopijo strani je mogoče urejati v Kopiraj (HTML) polje na Splošno zavihek. JavaScript po meri in Po meri CSS kodo je mogoče urejati iz Napredno zavihek.
Osnovni obrazec	Izberite osnovni zapis obrazca. Uredite JavaScript po meri na zavihku Dodatne nastavitve .
Obrazec z več koraki	Izberite zapis obrazca v več korakih.Izberite korak obrazca v več korakih 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. Uredi vir na zavihku Splošno .

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

Glejte tudi

• Uporabi Visual Studio Code in Microsoft Power Platform CLI