Kopīgot, izmantojot

Koda rediģēšana, izmantojot Visual Studio Code tīmeklim (priekšskatījums)

  • Raksts

[Šī tēma ir pirmsizlaides dokumentācija, un tā var tikt mainīta.]

Noformējuma studijā varat rediģēt vietnes kodu, izmantojot Visual Studio Code tīmeklim. Izmantojot šo līdzekli, varat rediģēt statisko saturu, HTML, CSS Liquid un JavaScript šādiem vietnes metadatiem:

Metadati Saturs
Detalizētas veidlapas (vairāku darbību veidlapas) JavaScript
Pamata veidlapas JavaScript
Satura fragmenti Viss atbalstītais satura fragmentu saturs
Saraksti JavaScript
Tīmekļa faili Multivides failu skatīšana un lejupielāde. Rediģējiet teksta (koda) failus.
Tīmekļa lapas Viss atbalstītais saturs (valodai), JavaScript un CSS
Tīmekļa veidnes Viss atbalstītais saturs

Piezīmes

Jūs nevarēsit izveidot metadatu ierakstus, bet tikai pievienot un rediģēt saturu, kodu, un skatīt/lejupielādēt failu pielikumus.

Visual Studio Code tīmeklim nodrošina bezmaksas nulles instalēšanas Microsoft Visual Studio Code lietošanas iespējas, kas pilnībā darbojas jūsu pārlūkprogrammā, tādējādi ļaujot jums pārlūkot vietnes kodu un ātri un droši mainīt kodu. Papildinformāciju skatiet Visual Studio Code tīmeklim lietošanas pieredze.

Svarīgi

  • Šis ir priekšskatījuma līdzeklis.
  • Priekšskatījuma līdzekļi nav paredzēti komerciālai lietošanai, un to funkcionalitāte var būt ierobežota. Šie līdzekļi ir pieejami pirms oficiālā laidiena, lai klienti varētu priekšlaikus piekļūt līdzeklim un sniegt atsauksmes.

Demonstrācija par Visual Studio Code tīmeklim izmantošanu, lai rediģētu Power Pages vietni.

Piezīmes

  • Pirmoreiz instalējot Visual Studio Code tīmeklim, var paiet kāds laiks, jo tiks instalēti šim līdzeklim nepieciešamie paplašinājumi.
  • Failu izveides, dzēšanas un pārdēvēšanas operācijas netiek atbalstītas.
  • Šis līdzeklis izmanto tīmekļa paplašinājumu Power Platform Tools. Pārlūkprogrammas smilškastes paplašinājumi ierobežo tīmekļa paplašinājumus, tādēļ tiem ir ierobežojumi salīdzinājumā ar parastajiem paplašinājumiem.
    • Power PlatformCLI netiek atbalstīts.
    • Power Platform Tools tīmekļa paplašinājuma līdzekļi aprobežojas ar Power Pages koda rediģēšanas iespējām.
    • Šis līdzeklis nav pieejams Government Community Cloud (GCC), Government Community Cloud (GCC High) un Department of Defense (DoD). Lietotāji šajos reģionos koda rediģēšanai izmantos programmu Portālu pārvaldība. Papildinformāciju skatiet rakstā Koda rediģēšana programmā Portālu pārvaldība.

Noformējuma studijā pieejamā koda rediģēšana

Varat sākt rediģēt savas vietnes kodu, izmantojot kodu tīmeklim Visual Studio no sākumlapas, Power Pages nolaižamajā izvēlnē Rediģēt izvēloties opciju Rediģēt vietnes kodu .

Varat arī rediģēt kodu dizaina studijā no šādām jomām:

Apskatīsim, kā rediģēt kodu, izmantojot šos apgabalus.

Tīmekļa lapas koda rediģēšana no lapu darbvietas

Atverot Power Pages noformējuma studiju, lapas izvēlnē1 un ekrāna augšējā labajā stūrī2 ir redzama opcija Rediģēt kodu.

Koda rediģēšana no lapu darbvietas.

Galvenes veidnes kods no lapu darbvietas

Atlasiet Rediģēt vietnes virsrakstu un pēc tam atlasiet Rediģēt kodu, lai atvērtu koda redaktoru.

Koda rediģēšana no lapu galvenes.

Rediģēt pielāgotu CSS kodu no stila darbvietas

Dodieties uz Stila darbvieta un atlasiet pieejamo pielāgoto CSS koda rediģēšanas izvēlni, lai atvērtu koda redaktoru.

Rediģējiet kodu no pielāgota CSS.

Sapludināšanas konflikta paziņojums

Ja sadarbojaties ar citiem izstrādātājiem, var rasties situācijas, kad strādājat ar to pašu avota kodu. Ja mēģināsit saglabāt novecojušā failā veiktās izmaiņas, saņemsit paziņojumu par izmaiņu salīdzinājumu vai pārrakstīšanu .

Salīdzinot kodu, tiks parādīts pašreizējais kods, kas aizstāj kodu un ļauj atgriezties pie esošām izmaiņām, akceptēt katru izmaiņu atsevišķi vai lietot veiktās izmaiņas un pārrakstīt esošo saturu.

Apvienojiet koda konfliktus.

Jaunāko saturu varat pārskatīt un apvienot vai pārrakstīt kodu vai atmest izmaiņas.

Apmācība: rediģējiet vietnes kodu, izmantojot Visual Studio Code tīmeklim

Šajā apmācībā ir jāapgūst vietnes koda rediģēšana, izmantojot Visual Studio Code tīmeklim.

Solis 1: Vietnes koda rediģēšana, izmantojot Visual Studio Tīmekļa kods

  1. Power Pages noformējuma studijā atveriet vietni

  2. Augšējā labajā stūrī atlasiet Rediģēt kodu

    Atvēršana Visual Studio Code no noformējuma studijas.

  3. Apstiprinājuma dialogā atlasiet Atvērt Visual Studio Code.

  4. Pierakstieties Visual Studio Code ar saviem vides akreditācijas datiem.

  5. Uzgaidiet, līdz tiek inicializēts Power Platform Tools tīmekļa paplašinājums un tīmekļa lapas kods tiek ielādēts kreisajā rūtī.

2. darbība. Satura un koda atjaunināšana

  1. Pārlūks ekrāna kreisajā pusē ielādē attiecīgās vietnes konfigurācijas metadatus, kurus var rediģēt, izmantojot Visual Code tīmeklim.

    Explorer izvēlne nenosauktai darbvietai, kurā tiek rādīti tīmekļa faili.

  2. Veiciet izmaiņas attiecīgajās metadatu failos un nospiediet taustiņu kombināciju Ctrl+S, lai saglabātu izmaiņas.

  3. Dodieties uz noformējuma studiju un atlasiet Sinhronizēt, lai izvilktu visus atjauninājumus jūsu pašreizējā noformējuma studijas sesijā.

    Interfeiss, lai ļautu lietotājam atlasīt pogu Sinhronizēt, lai sinhronizētu Visual Studio Code veiktās izmaiņas noformējuma studijā.

  4. Atlasiet Priekšskatījums, lai skatītu Power Pages vietnē veiktās izmaiņas.

Koda izmantošana Visual Studio tīmeklim vai Visual Studio koda darbvirsmai

Lietotāji var rediģēt, atkļūdot un priekšskatīt izmaiņas lapu rediģējumos, izmantojot Visual Studio Code tīmeklim un neizmantojot ārējus rīkus. Visual Studio Code Desktop nodrošina citas uzlabotas funkcijas visu vietnes metadatu rediģēšanai un integrēšanai ar GitHub, ietvariem un nepārtrauktas integrācijas/nepārtrauktas izstrādes (CI/CD) procesiem.

Līdzeklis VS kods tīmeklim VS koda darbvirsma
Izveidot jaunus vietnes konfigurācijas metadatu ierakstus Nē. Aprobežojas ar tīmekļa lapām, lapu veidnēm, tīmekļa veidnēm, satura fragmentiem un tīmekļa failiem.
Tieša vietnes rediģēšana Jā Nē.
Vietnes metadatu rediģēšana Aprobežojas ar tīmekļa lapu rediģēšanu, satura fragmentiem, pamata veidlapām, vairāku darbību veidlapām, sarakstiem un tīmekļa veidnēm. Visu Power Pages metadatu konfigurācija
Vietnes priekšskatījums Plānots Plānots
Power Platform CLI atbalsts Nē. Jā
Uzlabota CPU un ar krātuvi saistīta darbplūsma — ReactJS un citas struktūras būvējuma rīku atbalsts Nē. Jā
GitHub integrācija ar iespējām, piemēram, koda ierakstīšanu, izrakstīšanu, konfliktu pārvaldīšanu un apvienošanu. Nē. Jā

Koda rediģēšana portālu pārvaldības programmā

Piezīmes

  • Code for Visual Studio the Web izmantošana vietņu rediģēšanai netiek atbalstīta Government Community Cloud (GCC), Government Community Cloud (GCC High) un Department of Defense (DoD). Lietotāji šajos reģionos var izmantot programmu Portālu pārvaldība, lai veiktu izmaiņas.

Ja reģions neatbalsta Visual Studio Code tīmeklim, tad, atlasot kodu redaktora ikonu </> komandjoslā, tiks atvērta programma Portālu pārvaldība.

Naviģējiet uz attiecīgajām tīmekļa lapām, pamata veidlapām, vairāku darbību veidlapām, sarakstiem vai tīmekļa veidnēm, lai rediģētu kodu.

Tipi Koda atrašanās vieta
Tīmekļa lapa Atlasiet tīmekļa lapas ierakstu.
Lokalizētā satura sadaļā atlasiet tīmekļa lapas satura ierakstu.
Lapas kopiju var rediģēt cilnes Vispārīgi laukā Kopēšana (HTML).
Pielāgotu JavaScript un pielāgotu CSS kodu var rediģēt cilnē Papildu.
Pamata veidlapa Atlasiet veidlapas pamatieraksta ierakstu.
Rediģējiet pielāgotu JavaScript cilnē Papildu iestatījumi.
Vairāku darbību veidlapa Atlasiet vairāku darbību veidlapas ierakstu.
Cilnē Veidlapas soļi atlasiet vairāku darbību veidlapas darbību.
Cilnē Formas opcijas rediģējiet pielāgotu JavaScript.
Saraksts Atlasiet saraksta ierakstu.
Rediģējiet pielāgotu JavaScript cilnē Opcijas.
Tīmekļa veidne Atlasiet tīmekļa veidnes ierakstu.
Cilnē Vispārīgi rediģējiet avotu.

Saglabājiet ierakstu un priekšskatiet vietni, lai pārbaudītu savu kodu.

Skatiet arī: