Urejanje kode z orodjem Visual Studio Code za spletni urejevalnik (predogledna različica)
[Ta tema je predizdajna dokumentacija 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.
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:
- Urejanje kode spletne strani v delovnem prostoru strani
- Koda predloge glave iz delovnega prostora strani
- Urejanje kode CSS po meri v delovnem prostoru za oblikovanje
- 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 oblikovalski studio za Power Pages, vidite možnost Urejanje kode v meniju strani1 in zgornjem desnem kotu zaslona2.
Koda predloge glave iz delovnega prostora strani
Izberite Uredi glavo lokacije in nato izberite Uredi kodo, da odprete urejevalnik kode.
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.
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.
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.
Korak 1: Uredite kodo mesta z Visual Studio kodo za splet
Odprite svojo lokacijo v oblikovalskem studiu za Power Pages
V zgornjem desnem kotu izberite Uredi kodo
Iz potrditvenega dialoga izberite Odpri Visual Studio Code.
Vpišite se v orodje Visual Studio Code s poverilnicami svojega okolja.
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
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.
Spremenite ustrezne datoteke z metapodatki in pritisnite Ctrl+S, da shranite spremembe.
Pojdite v oblikovalski studio in izberite Sinhroniziranje, da prenesete vse posodobitve v trenutni seji oblikovalskega studia.
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.