Editați codul folosind Visual Studio Code pentru web (versiune preliminară)

[Acest subiect este documentație preliminară și se poate modifica.]

Din studioul de proiectare, puteți edita codul site-ului utilizând Visual Studio Code pentru web. Această funcție vă permite să editați conținut static, HTML, CSS, Liquid și JavaScript pentru următoarele metadate de site:

Metadate	Conținut
Formulare avansate (formulare cu mai mulți pași)	JavaScript
Formulare de bază	JavaScript
Fragmente de conținut	Tot conținutul de fragmente de conținut acceptat
Liste	JavaScript
Fișiere web	Vizualizați și descărcați fișiere media. Editați fișierele text (cod).
Pagini web	Tot conținutul acceptat (per limbă), JavaScript și CSS
Șabloane web	Tot conținutul acceptat

Notă

Nu veți putea crea înregistrări de metadate, ci doar să adăugați și să editați conținut, cod și să vizualizați/descărcați fișiere atașate.

Visual Studio Code pentru Web oferă o experiență Microsoft Visual Studio Code gratuită, fără instalare, care rulează în întregime în browser, permițându-vă să răsfoiți codul site-ului și să efectuați modificări ușoare ale codului rapid și în siguranță. Mai multe informații: Visual Studio Code pentru experiența web.

Important

• Aceasta este o caracteristică de previzualizare.
• Caracteristicile în regim de previzualizare nu sunt destinate utilizării în producție și pot avea funcționalitate restricționată. Aceste caracteristici sunt disponibile înainte de lansarea oficială, astfel încât clienții să poată obține acces din timp și să poată oferi feedback.

Notă

• La prima încărcare a Visual Studio Code pentru Web ar putea dura ceva timp, deoarece se vor instala extensiile necesare pentru această caracteristică.
• Operațiunile de creare, ștergere și redenumire a fișierelor nu sunt acceptate.
• Această caracteristică utilizează extensia web Power Platform Tools. Extensiile web sunt restricționate de mediul de testare a browserului și, prin urmare, au limitări în comparație cu extensiile normale.
  • Power PlatformCLI nu este acceptat.
  • Caracteristicile extensiei web Power Platform Tools sunt limitate la experiența de editare a codului Power Pages.
  • Această funcție nu este disponibilă în Government Community Cloud (GCC), Government Community Cloud (GCC High) și Departamentul de Apărare (DoD). Utilizatorii din aceste regiuni vor folosi aplicația de gestionare a portalurilor pentru editarea codului. Consultați Editarea codului în aplicația de gestionare a portalurilor pentru mai multe informații.

Editați codul disponibil în studioul de design

Puteți începe să editați codul site-ului dvs. utilizând Visual Studio Cod pentru web din Power Pages pagina de pornire, alegând Editați codul site-ului opțiunea din meniul drop-down Editare .

De asemenea, puteți edita codul în studioul de design din următoarele zone:

• Editați codul paginii web din spațiul de lucru Pagini
• Cod șablon de antet din spațiul de lucru Pagini
• Editați codul CSS personalizat din spațiul de lucru Stil
• Editați codul JavaScript personalizat pentru formularele cu mai mulți pași
• Editați codul JavaScript personalizat pentru formularele de bază
• Editați codul JavaScript particularizat pentru liste
• Editați fragmentele de conținut
• Editați șabloanele web
• Vizualizați și descărcați fișiere media. web (imagini)
• Editați fișiere web bazate pe text (CSS, JavaScript, altele)

Să vedem cum să editați codul folosind aceste zone.

Editați codul paginii web din spațiul de lucru Pagini

Când deschideți studioul de design Power Pages, vedeți opțiunea Editați codul în meniul Pagini¹ și în colțul din dreapta sus al ecranului².

Cod șablon de antet din spațiul de lucru Pagini

Selectați Editați antetul site-ului și apoi selectați Editați codul pentru a deschide editorul de cod.

Editați codul CSS personalizat din spațiul de lucru Stil

Accesați spațiul de lucru Stil și selectați meniul personalizat CSS Editați codul disponibil pentru a deschide editorul de cod.

Notificare privind un conflict de îmbinare

Dacă colaborați cu alți dezvoltatori, pot exista situații în care veți lucra la același cod sursă. În cazul în care încercați să salvați modificările aduse unui fișier învechit, veți primi o notificare pentru compararea sau înlocuirea schimbărilor.

Compararea codului va afișa codul curent alături de codul dvs. și vă va permite să reveniți la modificările existente, să acceptați fiecare modificare individual sau să utilizați modificările și să suprascrieți conținutul existent.

Veți putea să examinați cel mai recent conținut și să îmbinați sau să înlocuiți codul sau să renunțați la modificări.

Tutorial: Editați codul site-ului folosind Visual Studio Code pentru web

În acest tutorial, parcurgeți editarea codului site-ului folosind Visual Studio Code pentru web.

Pas 1: Editați codul site-ului utilizând Visual Studio Cod pentru web

1. Deschideți site-ul în studioul de proiectare Power Pages

2. În colțul din dreapta sus, selectați Editare cod

   

3. Selectați Deschideți Visual Studio Code din dialogul de confirmare.

4. Conectați-vă la Visual Studio Code cu acreditările dvs. pentru mediu.

5. Așteptați să se inițializeze extensia web Power Platform Tools și să se încarce codul paginii web în panoul din stânga.

Pasul 2: Actualizați conținutul și codul

1. Exploratorul din partea stângă a ecranului încarcă metadatele respective de configurare a site-ului web care pot fi editate folosind Visual Code pentru Web.

   

2. Efectuați modificări la fișierele de metadate respective și apăsați Ctrl+S pentru a salva modificările.

3. Accesați studioul de proiectare și selectați Sincronizare pentru a extrage toate actualizările din sesiunea curentă a studioului de proiectare.

   

4. Selectați Previzualizarepentru a examina modificările de pe site-ul Power Pages.

Folosind Visual Studio Cod pentru Web sau Visual Studio Cod Desktop

Utilizatorii pot edita, depana și previzualiza modificările editărilor de pagină utilizând Visual Studio Code pentru web fără a fi nevoie să folosească instrumente externe. Visual Studio Code Desktop oferă alte funcții avansate pentru editarea tuturor metadatelor site-ului și integrarea cu GitHub, cadre și procese de integrare continuă/dezvoltare continuă (CI/CD).

Caracteristică	Cod VS pentru web	VS Code Desktop
Creați noi înregistrări de metadate de configurare a site-ului web	No	Limitat la pagini web, șabloane de pagini, șabloane web, fragmente de conținut și fișiere web.
Editarea directă a site-ului	Da	No
Editarea metadatelor site-ului	Limitat la editarea paginilor web, fragmentelor de conținut, formularelor de bază, formularelor cu mai mulți pași, listelor și șabloanelor web.	Configurarea tuturor metadatelor Power Pages
Previzualizarea site-ului	Planificat	Planificat
Asistență pentru Power Platform CLI	No	Da
Procesul avansat și fluxul de lucru legat de stocare - ReactJS sau alt instrument de construire a cadrului	No	Da
Integrarea cu GitHub, cu capabilități cum ar fi înregistrarea codului, verificarea, gestionarea conflictelor și îmbinarea.	No	Da

Editarea codului în aplicația de gestionare a portalurilor

Notă

• Utilizarea Visual Studio Cod pentru web pentru a edita site-uri web nu este acceptată în Government Community Cloud (GCC), Government Community Cloud (GCC High) și Departamentul de Apărare (DoD). Utilizatorii din aceste regiuni pot folosi aplicația de gestionare a portalurilor pentru a-și face modificările.

Dacă regiunea nu acceptă Visual Studio Code pentru Web, selectarea pictogramei editorului de cod </> în bara de comandă va deschide aplicația de gestionare a portalurilor.

Navigați la înregistrările de pagini web corespunzătoare, Formulare de bază, Formulare cu mai mulți pași, Liste sau Șabloane web pentru editarea codului.

Tipul	Locație cod
Pagină web	Selectați înregistrarea paginii web. Selectați înregistrarea conținutului paginii web din secțiunea Conținut localizat. Copia paginii poate fi editată în câmpul Copiere (HTML) din fila General. Codul JavaScript personalizat și codul personalizat CSS poate fi editat din fila Avansat.
Formular de bază	Selectați înregistrarea formularului de bază. Editați codul JavaScript personalizat în fila Setări suplimentare.
Formular cu mai mulți pași	Selectați înregistrarea formularului în mai mulți pași. Selectați pasul din formularul cu mai mulți pași, din fila Pași de formular. Editați codul JavaScript personalizat în fila Opțiuni formular.
Listă	Selectați înregistrarea listei. Editați codul JavaScript personalizat în fila Opțiuni.
Șablon web	Selectați înregistrarea șablonului web. Editați Sursa în fila General.

Salvați înregistrarea și previzualizați site-ul pentru a vă testa codul.

Consultați și

• Utilizarea Visual Studio Code și a Microsoft Power Platform CLI