Koodi redigeerimine rakendusega Visual Studio Code for the Web (eelversioon)

[See teema on eelväljaande dokumentatsioon ja võib muutuda.]

Kujundusstuudios saate redigeerida saidikoodi Visual Studio Code for the Web abil. See funktsioon võimaldab teil redigeerida staatilist sisu, HTML-i, CSS-i Liquidi ja JavaScripti järgmiste veebisaidi metaandmete jaoks:

Metaandmed	Sisu
Täiustatud vormid (mitmeetapilised vormid)	JavaScript
Põhivormid	JavaScript
Sisulõigud	Kogu toetatud sisu koodilõigu sisu
Loendid	JavaScript
Veebifailid	Vaadake ja laadige alla meediafaile. Redigeerige teksti (koodi) faile.
Veebilehti	Kõik toetatud sisu (keele kohta), JavaScript ja CSS
Veebi mallid	Kogu toetatud sisu

Märkus.

Te ei saa luua metaandmete kirjeid, vaid ainult lisada ja redigeerida sisu, koodi ning vaadata/alla laadida failimanuseid.

Visual Studio Code for the Web pakub tasuta ilma installimiseta rakenduse Microsoft Visual Studio Code kogemust, mis töötab täielikult teie brauseris, lastes teil sirvida saidikoodi ning teha kiiresti ja turvaliselt kergeid koodimuudatusi. Lisateave: Visual Studio Code for the Web kogemus.

Oluline

• See on eelvaate funktsioon.
• Eelvaatefunktsioonid ei ole mõeldud kasutamiseks tootmises ja nende funktsioonid võivad olla piiratud. Need funktsioonid on saadaval enne ametlikku väljastamist, et kliendid saaksid sellele varakult juurdepääsu ja võiksid tagasisidet anda.

Märkus.

• Rakenduse Visual Studio Code for the Web esmane laadimine võib võtta aega, kuna selle funktsiooni jaoks vajalike laienduste paigaldamine võtab aega.
• Faili loomise, kustutamise ja ümbernimetamise toiminguid ei toetata.
• See funktsioon kasutab Power Platform Toolsi veebilaiendit. Veebilaiendeid piirab brauseri liivakast ja seega on neil tavaliste laienditega võrreldes piirangud.
  • Power Platform CLI-d ei toetata.
  • Rakenduse Power Platform Tools veebilaiendi funktsioonid on piiratud teenuse Power Pages koodi redigeerimise kogemusega.
  • See funktsioon pole saadaval Government Community Cloudis (GCC), Government Community Cloudis (GCC High) ja kaitseministeeriumis (DoD). Nende piirkondade kasutajad kasutavad koodi redigeerimiseks Portaalide haldusrakendust. Vt Koodi redigeerimine portaalide haldusrakenduses lisateabe saamiseks.

Kujundusstuudios saadaoleva koodi redigeerimine

Saate alustada oma saidi koodi redigeerimist avalehe veebikoodi abil Visual Studio , valides rippmenüüst Redigeeri Power Pages suvandi Muuda saidi koodi .

Disainistuudios saate koodi redigeerida ka järgmistest valdkondadest:

• Veebilehe koodi redigeerimine tööruumis Lehed
• Päisemalli kood tööruumist Lehed
• Kohandatud CSS koodi redigeerimine stiili tööruumis
• Redigeerige kohandatud JavaScripti koodi mitmeetapiliste vormide jaoks
• Redigeerige kohandatud JavaScripti koodi tavavormide jaoks
• Refigeerige loendite kohandatud JavaScripti
• Redigeerige sisu koodilõike
• Veebimallide redigeerimine
• Vaadake ja laadige alla meedia veebifaile (pildid)
• Tekstipõhiste veebifailide redigeerimine (CSS, JavaScript, muu)

Vaadakem, kuidas neid valdkondi kasutades koodi redigeerida.

Veebilehe koodi redigeerimine tööruumis Lehed

Teenuse Power Pages kujundusstuudio avamisel näete valikut Redigeeri koodi menüüs Lehed ¹ ja parempoolse ülanurga ekraanil ².

Päisemalli kood tööruumist Lehed

Valige Redigeeri saidipäist ja seejärel Redigeeri koodi, et avada koodiredaktor.

Redigeerige kohandatud CSS-koodi tööruumist Kujundus

Avage Kujundustööruum ja valige saadaval kohandatud CSS menüü Redigeeri koodi, et avada koodiredaktor.

Power Pages'i toimingute vaade

Power Pages'i toimingute vaade, millele pääseb juurde File Exploreri allosas, võimaldab teil hallata Power Pagesi saite otse redaktoris. See vähendab vajadust minna Power Pages Design Studio'le, võimaldades arendajatel kiiresti täita tavalisi ülesandeid redaktori sees.

Saadaolevad toimingud

• Eelvaate sait
  See toiming tühjendab konfiguratsiooni vahemälu ja avab saidi VS Code'is. See võimaldab arendajatel eelvaadata ja testida saidikoodi muudatusi ilma, et peaks konteksti Power Pages Design Studio juurde vahetama.

• Ava Power Pages disainistuudios
  Pärast koodi muutmist kasuta seda tegevust, et minna Power Pages Design Studiosse. See on kasulik autentimispakkujate, veebirollide ja muude saidisätete konfigureerimiseks, mida ei saa koodiredaktoris redigeerida.

• Avage VS Code Desktopis
  Kui VS Code Desktop on installitud, avab see toiming saidi töölauarakenduses. Samuti käivitab see saidi allalaadimise, tagades, et kood on kohapeal saadaval ja redigeerimiseks valmis.

Liitmise konfliktist teatamine

Kui teete koostööd teiste arendajatega, võib ette tulla olukordi, kus töötate sama lähtekoodiga. Juhul, kui püüate salvestada muudatusi vananenud faili, saate teate, et muudatusi võrrelda või üle kirjutada.

Võrreldes koodi, kuvatakse praegune kood koos teie koodiga ja lubab teil tagasi pöörduda olemasolevate muudatuste juurde, aktsepteerida iga muudatust eraldi või kasutada teie muudatusi ja kirjutada olemasolev sisu üle.

Teil on võimalik vaadata viimast sisu ja kas liita või üle kirjutada kood või jätta muudatused kõrvale.

Õpetus: redigeerige rakenduse Visual Studio Code for the Web abil saidi koodi

Selles õpetuses saate läbida saidikoodi redigeerimise, kasutades rakendust Visual Studio Code for Web.

1. etapp: saidikoodi redigeerimine veebikoodi abil Visual Studio

1. Avage oma sait jaotises Power Pages kujundusstuudio

2. Tehke paremas ülanurgas valik Muuda koodi

   

3. Valige rakendus Visual Studio Code avamine kinnitusdialoogist.

4. Logige rakendusse Visual Studio Code sisse kasutades oma keskkondade identimisteavet.

5. Oodake kuni rakenduse Power Platform Tools veebilaiend käivitub ja veebilehe kood laetakse vasakusse aknasse.

2. etapp: sisu ja koodi uuendamine

1. Vasakul asetsev avastaja laadib vastavad veebisaidi konfiguratsiooni metaandmed, mida saab muuta rakenduse Visual Code for the Webi abil.

   

2. Tehke vastavates metaandmefailides muudatusi ja vajutage muudatuste salvestamiseks klahvikombinatsiooni Ctrl+S.

3. Avage kujundusstuudio ja valige Sünkrooni, et eemaldada kõik uuendused oma praeguses kujundusstuudio seansis.

   

4. Valige Eelversioon, et näha teenuse Power Pages saidil muudatusi.

Veebikoodi või Visual Studio Code Desktopi kasutamine Visual Studio

Rakenduse Visual Studio Code for the Web abil saavad kasutajad redigeerida, siluda ja eelvaadata lehekülje muudatusi, ilma et nad peaksid kasutama väliseid tööriistu. Visual Studio Code Desktop pakub muid täiustatud funktsioone kõigi saidi metaandmete redigeerimiseks ja integreerimiseks GitHubi, raamistike ja pideva integreerimise/pideva arenduse (CI/CD) protsessidega.

Funktsioon	VS Code veebi jaoks	VS Code töölaud
Looge uue veebisaidi konfiguratsiooni metaandmete kirjed	No	Piiratud veebilehtede, lehemallide, veebimallide, sisulõikude ja veebifailidega.
Otsene saidi redigeerimine	Ja	No
Saidi metaandmete redigeerimine	Piiratud veebilehtede, sisulõikude, tavavormide, mitmeetapiliste vormide, loendite ja veebimallide redigeerimisega.	Kogu teenuse Power Pages metaandmete konfiguratsioon
Saidi eelversioon	Planeeritud	Planeeritud
Power Platform CLI tugi	No	Ja
Täiustatud protsessori ja salvestusruumiga seotud töövoog - ReactJS või muu raamistiku loomise tööriista tugi	No	Ja
GitHubi integreerimine selliste valikutega nagu koodi sisse- ja väljaregistreerimine, konfliktide haldamine ja liitmine.	No	Ja

Koodi redigeerimine Portaali haldusrakenduses

Märkus.

• Visual Studio Code for the Web kasutamist veebisaitide redigeerimiseks ei toetata Government Community Cloudis (GCC), Government Community Cloudis (GCC High) ja kaitseministeeriumis (DoD). Nendes piirkondades saavad kasutajad kasutada portaalihalduse rakendust , et teha muudatusi.

Kui regioon ei toeta Visual Studio Code'i veebis, avab koodiredaktori ikooni </> käsurerast Portal Management rakenduse.

Liikuge vastavatele kirjetele jaotistes Veebilehed, Tavavormid, Mitmeetapilised vormid, Loendid või Veebimallid, et koodi redigeerida.

Tüüp	Koodi asukoht
Veebileht	Valige veebilehe kirje. Valige veebilehe sisukirje jaotisest Lokaliseeritud sisu . Lehe koopiat saab redigeerida vahekaardi Üldineväljal Kopeeri (HTML). Kohandatud JavaScripti ja kohandatud koodi saab redigeerida vahekaardil Täpsemalt. CSS
Põhivorm	Valige põhivormi kirje. Redigeerige kohandatud JavaScripti vahekaardil Lisasätted.
Mitmeetapiline vorm	Valige mitmeastmelise vormi kirje. Valige mitmeastmeline vormietapp vahekaardil Vormi etapid. Redigeerige kohandatud JavaScripti vahekaardil Vormisuvandid .
Loend	Valige loendikirje. Redigeerige kohandatud JavaScripti vahekaardil Suvandid .
Veebimall	Valige veebimalli kirje. Redigeeri allikat vahekaardil Üldine.

Salvestage kirje ja vaadake üle oma veebisaidi eelversioon, et oma koodi testida.

Vaata ka

• Kasutage Visual Studio koodi ja Microsoft Power Platform CLI-d