Uredite kod s alatom Visual Studio Code za web (pretpregled)

[Ovaj tema je predizdanje dokumentacije i podložno je promjenama.]

U studiju za dizajn možete uređivati ​​kod stranice s pomoću alata Visual Studio Code za web. Ova vam značajka omogućava da uredite statični sadržaj, HTML, CSS, Liquid i JavaScript za sljedeće metapodatke web-mjesta:

Metapodaci	sadržaja
Napredni obrasci (obrasci u više koraka)	JavaScript
Osnovni obrasci	JavaScript
Isječci sadržaja	Sav podržani sadržaj za isječak sadržaja
Popisi	JavaScript
Web-datoteke	Pregledajte i preuzmite medijske datoteke. Uredite tekstne datoteke (s kodom).
Web-stranice	Sav podržani sadržaj (po jeziku), JavaScript i CSS
Web-predlošci	Sav podržani sadržaj

Napomena

Nećete moći izrađivati zapise metapodataka, nego samo dodavati i uređivati ​​sadržaj i kôd te pregledavati/preuzimati privitke datoteka.

Visual Studio Code za web pruža besplatno iskustvo alata Microsoft Visual Studio Code bez instaliranja jer se izvršava u potpunosti u vašem pregledniku, što vam omogućuje da pregledavate kod web-mjesta i brzo i sigurno unosite lagane izmjene koda. Više informacija: Visual Studio Code za web-iskustvo.

Važno

• To je značajka pretpregleda.
• Značajke pretpregleda nisu namijenjene u proizvodne svrhe i mogu imati ograničene funkcije. Te su značajke dostupne prije službenog izdavanja da bi se klijentima omogućio prijevremeni pristup i slanje povratnih informacija.

Napomena

• Prvo učitavanje alata Visual Studio Code za web može potrajati neko vrijeme jer će se instalirati potrebna proširenja za ovu značajku.
• Radnje izrađivanja, brisanja i preimenovanja datoteke nisu podržane.
• Ova značajka upotrebljava web-proširenje Power Platform Tools. Web-proširenja ograničena su testnim okruženjem preglednika i stoga imaju ograničenja u usporedbi s uobičajenim proširenjima.
  • Power PlatformCLI nije podržan.
  • Značajke web-proširenja plaforme Power Platform Tools ograničene su na mogućnost uređivanja koda usluge Power Pages.
  • Ova značajka nije dostupna u Government Community Cloud (GCC), Government Community Cloud (GCC High) i Department of Defense (DoD). Korisnici u ovim regijama upotrebljavat će aplikaciju za upravljanje portalima za uređivanje koda. Pogledajte Uređivanje koda u aplikaciji za upravljanje portalima za više informacija.

Uređivanje koda dostupno je u studiju za dizajn

Kod web-mjesta možete početi uređivati pomoću Visual Studio koda za web s Power Pages početne stranice odabirom mogućnosti Uređivanje koda web-mjesta na padajućem izborniku Uređivanje .

Kod u dizajnerskom studiju možete uređivati i iz sljedećih područja:

• Uređivanje koda web-stranice iz radnog prostora za stranice
• Kôd predloška zaglavlja iz radnog prostora za stranice
• Uredite prilagođeni CSS kod iz radnog prostora za uređivanje stila
• Uređivanje prilagođenog JavaScript koda za obrasce u više koraka
• Uređivanje prilagođenog JavaScript koda za osnovne obrasce
• Uređivanje prilagođenog jezika JavaScript za popise
• Uređivanje isječaka sadržaja
• Uređivanje web-predložaka
• Pregledavanje i preuzimanje medijskih web-datoteka (slika)
• Uređivanje tekstualnih web-datoteka (CSS, JavaScript, ostalo)

Pogledajmo kako urediti kod s pomoću ovih područja.

Uređivanje koda web-stranice iz radnog prostora za stranice

Kad otvorite studio za dizajn platforme Power Pages, vidjet ćete mogućnost Uredi kod u izborniku stranica¹ i gornjem desnom kutu zaslona².

Kôd predloška zaglavlja iz radnog prostora za stranice

Odaberite Uredi zaglavlje stranice, a zatim odaberite Uredi kod za otvaranje uređivača koda.

Uređivanje prilagođenog CSS koda iz radnog prostora za uređivanje stila

Idite na Radni prostor za uređivanje stila i odaberite dostupni prilagođeni izbornik CSS Uređivanje koda za otvaranje uređivača koda.

Obavijest o sukobu spajanja

Ako surađujete s drugim razvojnim inžinjerima, može doći do toga da radite na istom izvornom kodu. U slučaju da pokušate spremiti promjene na zastarjelu datoteku, dobit ćete obavijest za Usporedbu ili Prepisivanje promjene.

Usporedba koda prikazat će trenutačni kod uz vaš kod i omogućiti vam da se vratite na postojeće izmjene, prihvatite svaku promjenu pojedinačno ili upotrijebite svoje promjene i prepišete ih preko postojećeg sadržaja.

Moći ćete pregledati najnoviji sadržaj i spojiti ili prebrisati kod ili odbaciti promjene.

Vodič: Uredite kôd stranice s pomoću alata Visual Studio Code za web

U ovom vodiču proći ćete kroz uređivanje koda stranice s pomoću alata Visual Studio Code za web.

Korak 1: uređivanje koda web-mjesta pomoću Visual Studio Kod za web

1. Otvorite svoje web-mjesto u Studiju za dizajn portala Power Pages

2. U gornjem desnom kutu odaberite Uredi kod

   

3. Odaberite Otvori Visual Studio Code iz dijaloškog okvira za potvrdu.

4. Prijavite se u alat Visual Studio Code s pomoću vjerodajnica vašeg okruženja.

5. Čekajte da se web-proširenje Power Platform Tools pokrene i da se kod web-stranice učita u lijevom oknu.

2. korak: Ažurirajte sadržaj i kod

1. Preglednik na lijevoj strani zaslona učitava odgovarajuće metapodatke o konfiguraciji web-mjesta koji se mogu uređivati ​​s pomoću alata Visual Code za Web.

   

2. Napravite izmjene u odgovarajućim datotekama metapodataka i pritisnite Ctrl+S za spremanje promjena.

3. Idite u studio za dizajn i odaberite Sinkronizacija za preuzimanje svih ažuriranja u vašoj trenutačnoj sesiji studija za dizajn.

   

4. Odaberite Pretpregled za prikaz promjena na web-mjestu Power Pages.

Korištenje Visual Studio koda za radnu površinu weba ili Visual Studio koda

Korisnici mogu uređivati, ispravljati pogreške i pregledavati promjene uređivanja stranica s pomoću alata Visual Studio Code za web bez potrebe za upotrebom vanjskih alata. Visual Studio Code Desktop pruža druge napredne značajke za uređivanje svih metapodataka web-mjesta i integraciju s GitHumom, okvirima i procesima kontinuirane integracije / kontinuiranog razvoja (CI/CD).

Značajka	VS kod za web	Radna površina VS koda
Izradite nove zapise metapodataka konfiguracije web-mjesta	No	Ograničeno na web-stranice, predloške stranica, web-predloške, isječke sadržaja i web-datoteke.
Izravno uređivanje web-mjesta	Jest	No
Uređivanje metapodataka web-mjesta	Ograničeno na uređivanje web-stranica, isječaka sadržaja, osnovnih obrazaca, obrazaca u više koraka, popisa i web-predložaka.	Svi metapodaci konfiguracije platforme Power Pages
Pretpregled web-mjesta	Planirano	Planirano
Podrška za Power Platform CLI	No	Jest
Napredni tijek rada vezan za CPU i ograničenu pohranu – podrška za ReactJS ili neki drugi alat za izradu okvira	No	Jest
Integracija za GitHub s mogućnostima kao što su prijava koda, odjava, upravljanje sukobima i spajanje.	No	Jest

Uređivanje koda u aplikaciji za upravljanje portalom

Napomena

• Korištenje Visual Studio koda za web za uređivanje web-mjesta nije podržano u oblaku državne zajednice (GCC), oblaku državne zajednice (GCC High) i Ministarstvu obrane (DoD). Korisnici u tim regijama mogu upotrebljavati aplikaciju za upravljanje portalima kako bi unijeli svoje promjene.

Ako regija ne podržava Visual Studio Code za web, odabirom ikone uređivača koda </> u naredbenoj traci otvorit će aplikaciju za upravljanje portalima.

Dođite do odgovarajućih zapisa Web-stranica, Osnovnih obrazaca, Obrazaca u više koraka, Popisa ili Web-predložaka za uređivanje koda.

Tip	Mjesto koda
Web-stranica	Odabir zapisa web-stranice. Odaberite zapis sadržaja web-stranice iz odjeljka Lokalizirani sadržaj . Tekst stranice može se uređivati ​​u polju Tekst (HTML) na kartici Općenito . Prilagođeni JavaScript i Prilagođeni CSS kod mogu se uređivati ​​na kartici Napredno .
Osnovni obrazac	Odaberite zapis osnovnog obrasca. Uredite Prilagođeni JavaScript na kartici Dodatne postavke .
Obrazac u više koraka	Odaberite zapis obrasca u više koraka. Odaberite korak obrasca u više koraka na kartici Koraci obrasca . Uredite Prilagođeni JavaScript na kartici Mogućnosti obrasca.
Popis	Odaberite zapis popisa. Uredite Prilagođeni JavaScript na kartici Mogućnosti .
Web-predložak	Odaberite zapis web-predloška. Uredite Izvor na kartici Općenito.

Spremite zapis i pregledajte svoje web-mjesto kako biste testirali svoj kod.

Pogledajte

• Upotreba alata Visual Studio Code i Microsoft Power Platform CLI