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

[See teema on väljalaske-eelne dokumentatsioon ja seda võidakse muuta.]

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
Sisu koodilõigud	Kogu toetatud sisu koodilõigu sisu
Loendid	JavaScript
Veebifailid	Vaadake ja laadige alla meediafaile. Redigeerige teksti (koodi) faile.
Veebilehed	Kõik toetatud sisu (keele kohta), JavaScript ja CSS
Veebimallid	Kogu toetatud sisu

Märkus.

Te ei saa luua metaandmete kirjeid, sisu ainult lisada ja redigeerida, 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 loomine, kustutamine ja ümbernimetamine ei ole toetatud.
• See funktsioon kasutab teenuse Power Platform Tools veebilaiendit. Veebilaiendite kasutamist piirab brauseri liivakast ja seetõttu on neil võrreldes tavaliste laiendustega piirangud.
  • Power PlatformCLI-d ei toetata.
  • Rakenduse Power Platform Tools veebilaiendi funktsioonid on piiratud teenuse Power Pages koodi redigeerimise kogemusega.
  • See funktsioon pole saadaval rakendustes Government Community Cloud (GCC), Government Community Cloud (GCC High) ja Department of Defense (DoD). Nende piirkondade kasutajad kasutavad koodi redigeerimiseks Portaalide haldusrakendust. Vt Koodi redigeerimine portaalide haldusrakenduses lisateabe saamiseks.

Kujundusstuudios saadaoleva koodi redigeerimine

Saate alustada saidi koodi redigeerimist veebikoodi abil Visual Studio avalehelt Power Pages , valides rippmenüüst Redigeerimine suvandi Redigeeri saidikoodi .

Disainistuudios saate koodi redigeerida ka järgmistest valdkondadest:

• Veebilehe koodi redigeerimine tööruumis Lehed
• Päisemalli kood tööruumist Lehed
• Kohandatud CSS-koodi redigeerimine tööruumist Kujundus
• 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)
• Redigeerige tekstipõhiseid veebifaile (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.

Liitmise konfliktist teatamine

Kui töötate 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.

Samm 1: Muutke saidikoodi, kasutades Visual Studio Veebi kood

1. Avage oma sait jaotises Power Pages kujundusstuudio

2. Parempoolses ülanurgas valige Redogeeri 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.

Koodi kasutamine Visual Studio veebi või Visual Studio Code Desktopi jaoks

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 arendamise (CI / CD) protsessidega.

Funktsioon	VS-kood veebi jaoks	VS-koodi 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 CPU ja salvestusruumi seotud töövoog - ReactJS või muu raamistiku koostamistööriistade 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.

• Veebikoodi kasutamist Visual Studio veebisaitide redigeerimiseks ei toetata valitsuse kogukonnapilves (GCC), valitsuse kogukonnapilves (GCC High) ja kaitseministeeriumis (DoD). Nende piirkondade kasutajad saavad Portaalide haldusrakenduse abil muudatusi teha.

Kui see piirkond ei toeta rakendust Visual Studio Code for the Web valides koodiredaktori ikooni </> käsuribalt avab see Portaalide haldusrakenduse.

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

Tüüp	Koodi asukoht
Veebileht	Valige veebilehe kirje. Valige jaotisest Lokaliseeritud sisu veebilehe kirje. Lehekoopiat saab redigeerida väljal Koopia (HTML) vahekaardil Üldine. Kohandatud JavaScripti ja Kohandatud CSS koodi saab redigeerida vahekaardil Täpsem.
Põhivorm	Valige põhivormikirje. RedigeeriKohandatud JavaScripti vahekaardil Lisasätted .
Mitmeetapiline vorm	Valige mitmeetapilise vormi kirje. Valige vahekaardil mitmeetapilise vormi Vormi etapid etapp. Redigeeri Kohandatud JavaScripti vahekaardil Vormisvalikud.
Loend	Valige loendikirje. Redigeeri Kohandatud JavaScripti vahekaardil Valikud.
Veebimall	Valige veebimalli kirje. Redigeeri Allikas vahekaardil Üldine.

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

Vaata ka

• Rakenduste Visual Studio Code ja Microsoft Power Platform CLI kasutamine