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

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

Noformējuma studijā vietnes kodu var rediģēt, 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
Sarakstos 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, tikai pievienot un rediģēt saturu, kodēt un skatīt/lejupielādēt failu pielikumus.

Visual Studio Code tīmeklī nodrošina bezmaksas Microsoft Visual Studio Code bez instalēšanas, kas darbojas pilnībā jūsu pārlūkprogrammā, ļaujot ātri un droši pārlūkot vietnes kodu un veikt vienkāršas koda izmaiņas. Papildinformācija: Visual Studio Code tīmekļa pieredzei.

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.

Visual Studio Code for Web izmantošanas demonstrācija Power Pages vietnes rediģēšanai.

Piezīmes

  • Pirmo reizi Visual Studio Code tīmeklī ielāde var aizņemt kādu laiku, jo tiks instalēti nepieciešamie paplašinājumi šai funkcijai.
  • Failu izveides, dzēšanas un pārdēvēšanas operācijas netiek atbalstītas.
  • Šis līdzeklis izmanto Power Platform rīku tīmekļa paplašinājumu. Tīmekļa paplašinājumus ierobežo pārlūkprogrammas smilškaste, un tiem ir ierobežojumi salīdzinājumā ar parastajiem paplašinājumiem.
    • Power Platform CLI netiek atbalstīts.
    • Power Platform Tools tīmekļa paplašinājuma līdzekļi ir ierobežoti ar Power Pages koda rediģēšanas pieredzi.
    • Š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 vietnes kodu, izmantojot Visual Studio Code tīmeklim no Power Pages sākumlapas, nolaižamajā izvēlnē Rediģēt izvēloties opciju Rediģēt vietnes kodu0.

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

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

Web lappuses koda rediģēšana no darbvietas Pages

Atverot Power Pages dizaina studiju, izvēlnē Lapas1 un ekrāna augšējā labajā stūrī2 redzat opciju Rediģēt kodu.

Koda rediģēšana no lapu darbvietas.

Galvenes veidnes kods no darbvietas Pages

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

Koda rediģēšana no lapu galvenes.

Pielāgota CSS koda rediģēšana darbvietā Stilēšana

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.

Power Pages darbību skats

Skats Power Pages Darbības, kas pieejams failu pārlūka apakšā, ļauj pārvaldīt Power Pages vietnes tieši redaktorā. Tas samazina nepieciešamību pārslēgties uz Power Pages dizaina studiju, ļaujot izstrādātājiem ātri veikt bieži sastopamus uzdevumus no redaktora.

Pieejamās darbības

  • Priekšskatījuma vietne
    Šī darbība notīra konfigurācijas kešatmiņu un atver vietni VS Code. Tas ļauj izstrādātājiem priekšskatīt un pārbaudīt vietnes koda izmaiņas, nepārslēdzot kontekstu uz Power Pages noformējuma studiju.

  • Atvērt Power Pages dizaina studijā
    Pēc koda izmaiņu veikšanas izmantojiet šo darbību, lai dotos uz Power Pages noformējuma studiju. Tas ir noderīgi, lai konfigurētu autentifikācijas nodrošinātājus, tīmekļa lomas un citus vietnes iestatījumus, kas nav rediģējami koda redaktorā.

  • Atvērt VS Code darbvirsmā
    Ja ir instalēta VS Code Desktop, šī darbība atver vietni datora programmā. Tas arī aktivizē vietnes lejupielādi, nodrošinot, ka kods ir pieejams lokāli un gatavs rediģēšanai.

Power Pages darbību skats VS kodā.

Sapludināšanas konflikta paziņojums

Ja sadarbojaties ar citiem izstrādātājiem, var būt situācijas, kad strādāsiet ar vienu un 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: vietnes koda rediģēšana, izmantojot Visual Studio Code tīmeklī

Šajā apmācībā varat rediģēt vietnes kodu, izmantojot Visual Studio Code tīmeklim.

1. darbība: vietnes koda rediģēšana, izmantojot Visual Studio Code tīmeklī

  1. Atveriet savu vietni Power Pages design studio

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

    Atvēršana Visual Studio Code. gadā no dizaina studijas.

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

  4. Pierakstieties pakalpojumā Visual Studio Code, izmantojot savas vides akreditācijas datus.

  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, kas ļauj lietotājam atlasīt pogu Sinhronizēt, lai sinhronizētu izmaiņas, kas veiktas Visual Studio Code to design studio.

  4. Atlasiet Preview, lai skatītu izmaiņas Power Pages vietnē.

Visual Studio Code izmantošana tīmeklī vai Visual Studio Code Desktop

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

Līdzeklis VS kods tīmeklī VS Code 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. Visa Power Pages metadatu konfigurācija
Vietnes priekšskatījums Plānots Plānots
Power Platform CLI atbalsts Nē. Jā
Uzlabota CPU un krātuves darbplūsma - ReactJS vai cita ietvara veidošanas rīka atbalsts Nē. Jā
GitHub integrācija ar tādām iespējām kā koda atdošana, paņemšana, konfliktu pārvaldība un sapludināšana. Nē. Jā

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

Piezīmes

  • Visual Studio Code izmantošana tīmeklī tīmekļa 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 portāla pārvaldības programmu , lai veiktu izmaiņas.

Ja reģions neatbalsta Visual Studio Code tīmeklim, komandjoslā atlasot koda redaktora ikonu </>, tiks atvērta programma Portāla 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.

Tips Koda atrašanās vieta
tīmekļa lapa Atlasiet tīmekļa lapas ierakstu.
Sadaļā Lokalizēts saturs atlasiet tīmekļa lapas satura ierakstu .
Lappuses kopiju var rediģēt cilnes Vispārīgi laukāKopēt (HTML).
Pielāgoto JavaScript un pielāgoto kodu var rediģēt cilnē CSS Papildu.
Pamata veidlapa Atlasiet pamata veidlapas ierakstu. Rediģējiet pielāgoto JavaScript cilnē Papildu iestatījumi .
Vairāku darbību veidlapa Atlasiet vairāksoļu veidlapas ierakstu.
Cilnē Veidlapas darbības atlasiet vairāksoļu veidlapas darbību. Rediģējiet pielāgoto JavaScript cilnē Veidlapas opcijas .
Saraksts Atlasiet saraksta ierakstu. Rediģējiet pielāgoto JavaScript cilnē Opcijas .
Tīmekļa veidne Atlasiet tīmekļa veidnes ierakstu. Rediģēt avotu cilnē Vispārīgi .

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

Skatiet arī:

  • Last updated on