Uređivanje koda pomoću alatke Visual Studio Code za veb (verzija za pregled)
[Ovo tema je preliminarna dokumentacija i podložna je promenama.]
Iz studija za dizajniranje možete da uređujete kôd lokacije koristeći Visual Studio Code za veb. Ova funkcija vam omogućava da uređujete statički sadržaj, HTML, CSS, Liquid i JavaScript za sledeće metapodatke veb-lokacije:
| Metapodaci | Sadržaj |
|---|---|
| Napredni obrasci (obrasci sa više koraka) | JavaScript |
| Osnovni obrasci | JavaScript |
| Isečci sadržaja | Sav podržani sadržaj isečaka sadržaja |
| Liste | JavaScript |
| Veb-datoteke | Prikažite i preuzmite medijske datoteke. Uređujte tekstualne datoteke (kôd). |
| Veb-stranice | Sav podržani sadržaj (prema jeziku), JavaScript i CSS |
| Veb-predlošci | Sav podržani sadržaj |
Napomena
Nećete moći da kreirate zapise metapodataka, već samo da dodajete i uređujete sadržaj, kôd i priloge datoteka za prikaz/preuzimanje.
Visual Studio Code za veb obezbeđuje besplatan Microsoft Visual Studio Code doživljaj bez instalacije koji radi u potpunosti u pregledaču, što vam omogućava da pregledate kôd lokacije i izvršite lagane promene koda brzo i bezbedno. Još informacija: Visual Studio code za iskustvo na vebu.
Važno
- Ovo je preliminarna funkcija.
- Funkcije pregleda nisu namenjene za korišćenje u proizvodnji i mogu da imaju ograničene funkcionalnosti. Ove funkcije su dostupne pre zvaničnog objavljivanja kako bi klijenti mogli ranije da im pristupe i pruže povratne informacije.
Napomena
- Prvi put kada se Visual Studio Code za veb učita, to može potrajati neko vreme, jer će instalirati potrebna proširenja za ovu funkciju.
- Operacije kreiranja, brisanja i preimenovanja datoteka nisu podržane.
- Ova funkcija koristi veb-proširenje Power Platform Tools. Veb-proširenja su ograničena sandbox okruženjem za pregledač i zato imaju ograničenja u poređenju sa normalnim proširenjima.
- Power PlatformCLI nije podržan.
- Funkcije veb-proširenja Power Platform Tools su ograničene na iskustvo uređivanja Power Pages koda.
- Ova funkcija nije dostupna u programima Government Community Cloud (GCC), Government Community Cloud (GCC High) i Ministarstvu odbrane (DoD). Korisnici u tim regionima će koristiti aplikaciju Upravljanje portalima za uređivanje koda. Više informacija potražite u članku Uređivanje koda u aplikaciji Upravljanje portalima.
Uređivanje koda dostupno u studiju za dizajniranje
Možete da počnete da uređujete kôd lokacije Visual Studio koristeći kôd za Web sa Power Pages matične stranice tako što ćete u padajućem meniju "Uređivanje" izabrati opciju "Uredi kôd lokacije".
Kôd možete uređivati i u dizajnerskom studiju iz sledećih oblasti:
- Uređivanje koda veb-stranice iz radnog prostora stranica
- Kôd predloška zaglavlja iz radnog prostora stranica
- Uređivanje prilagođenog CSS koda iz radnog prostora za primenu stila
- Uređivanje prilagođenog JavaScript koda za obrasce sa više koraka
- Uređivanje prilagođenog JavaScript koda za osnovne obrasce
- Uređivanje prilagođenog JavaScript koda za liste
- Uređivanje isečaka sadržaja
- Uređivanje veb-predložaka
- Prikazivanje i preuzimanje medijskih veb-datoteka (slika)
- Uređivanje veb-datoteka zasnovanih na tekstu (CSS, JavaScript, ostalo)
Pogledajmo kako da uredimo kôd koristeći ove oblasti.
Uređivanje koda veb-stranice iz radnog prostora stranica
Kada otvorite Power Pages studio za dizajniranje, videćete opciju Uređivanje koda u meniju Stranice 1 i u gornjem desnom uglu ekrana2.
Kôd predloška zaglavlja iz radnog prostora stranica
Izaberite stavku Uredi zaglavlje lokacije, a zatim izaberite stavku Uredi kôd da biste otvorili uređivač koda.
Uređivanje prilagođenog CSS koda iz radnog prostora za primenu stila
Idite u radni prostor za primenu stila i izaberite meni Uređuj kôd za raspoloživi prilagođeni CSS da biste otvorili uređivač koda.
Obaveštenje o neusaglašenosti objedinjavanja
Ako sarađujete sa drugim programerima, može doći do situacija kada ćete raditi na istom izvornom kodu. U slučaju da pokušate da sačuvate promene u zastareloj datoteci, dobićete obaveštenje da uporedite ili zamenite promene.
Poređenje koda će prikazati trenutni kôd zajedno sa vašim kodom i omogućiti vam da se vratite na postojeće promene, prihvatite svaku promenu pojedinačno ili koristite promene i zamenite postojeći sadržaj.
Moći ćete da pregledate najnoviji sadržaj i objedinite ili zamenite kôd ili odbacite promene.
Uputstvo: Uređivanje koda lokacije pomoću alatke Visual Studio Code za veb
U ovom uputstvu prolazite kroz uređivanje koda lokacije koristeći Visual Studio Code za veb.
Korak 1: Uređivanje koda lokacije pomoću Visual Studio Kôd za Web
Otvorite lokaciju u Power Pages studiju za dizajniranje
U gornjem desnom uglu, izaberite Uredi kôd
Izaberite Otvori Visual Studio Code iz dijaloga za potvrdu.
Prijavite se u Visual Studio Code koristeći akreditive okruženja.
Sačekajte pokretanje veb-proširenja Power Platform Tools i da se kôd veb-stranice učita u levo okno.
2. korak: Ažuriranje sadržaja i koda
Istraživač na levoj strani ekrana učitava odgovarajuće metapodatke konfiguracije veb-lokacije koji se mogu uređivati pomoću alatke Visual Code za veb.
Promenite odgovarajuće datoteke metapodataka i pritisnite prečicu Ctrl+S da biste sačuvali promene.
Idite u studio za dizajniranje i izaberite stavku Sinhronizuj da biste povukli sve ispravke u trenutnoj sesiji studija za dizajniranje.
Izaberite Pregled da biste videli promene ma Power Pages lokaciji.
Korišćenje koda Visual Studio za Web ili kôd radne Visual Studio površine
Korisnici mogu da uređuju, otklanjaju greške i pregledaju promene u uređivanju stranica koristeći Visual Studio Code za veb bez potrebe da koriste spoljne alatke. Visual Studio Radna površina koda obezbeđuje druge napredne funkcije za uređivanje svih metapodataka lokacije i integrisanje sa GitHub, frameworks i procesima kontinuirane integracije/kontinuiranog razvoja (CI/CD).
| Funkcija | VS kôd za Web | VS radna površina koda |
|---|---|---|
| Kreiranje novih zapisa metapodataka konfiguracije veb-lokacije | No | Ograničeno na veb-stranice, predloške stranica, veb-predloške, isečke sadržaja i veb-datoteke. |
| Direktno uređivanje lokacije | Da | No |
| Uređivanje metapodataka lokacije | Ograničeno na uređivanje veb-stranica, isečaka sadržaja, osnovnih obrazaca, obrazaca sa više koraka, listi i veb-predložaka. | Konfiguracije svih Power Pages metapodataka |
| Pregled lokacije | Planirano | Planirano |
| Power Platform CLI podrška | No | Da |
| Napredni tok posla za povezivanje procesora i skladišta – ReactJS ili druga podrška za alatke za izradu radnog okvira | No | Da |
| GitHub integracija sa mogućnostima kao što su prijavljivanje koda, odjavljivanje, upravljanje neusaglašenostima i objedinjavanje. | No | Da |
Uređivanje koda u aplikaciji Upravljanje portalima
Napomena
- Korišćenje Visual Studio koda za Web za uređivanje Veb lokacija nije podržano u Oblaku zajednice Vlade (GCC), Oblaku zajednice vlade (GCC High) i Ministarstvu odbrane (DoD). Korisnici u ovim regionima mogu da koriste aplikaciju Upravljanje portalima da bi unosili promene.
Ako region ne podržava Visual Studio Code za veb, izborom ikone uređivača koda </> na komandnoj traci otvoriće se aplikacija Upravljanje portalima.
Idite do odgovarajućih zapisa veb-stranica, osnovnih obrazaca, obrazaca sa više koraka, listi ili veb-predložaka da biste uredili kôd.
| Tip | Lokacija koda |
|---|---|
| Veb-stranica | Izaberite zapis veb-stranice.
Izaberite zapis sadržaja veb-stranice iz odeljka Lokalizovani sadržaj. Kopija stranice se može uređivati u polju Kopija (HTML) na kartici Opšte postavke. Prilagođeni JavaScript i Prilagođeni CSS kôd mogu da se uređuju sa kartice Više opcija. |
| Osnovni obrazac | Izaberite osnovni zapis obrasca. Uredite Prilagođeni JavaScript na kartici Dodatne postavke. |
| Obrazac sa više koraka | Izaberite zapis obrasca sa više koraka. Izaberite korak obrasca sa više koraka sa kartice Koraci obrasca. Uredite prilagođeni JavaScript na kartici Opcije obrasca. |
| Lista | Izaberite zapis liste. Uredite Prilagođeni JavaScript na kartici Opcije. |
| Veb-predložak | Izaberite zapis veb-predloška. Uredite Izvor na kartici Opšte postavke. |
Sačuvajte zapis i pregledajte veb-lokaciju da biste testirali kôd.