Folosiți extensia Visual Studio Code
Visual Studio Code este un editor de cod sursă ușor și puternic pentru Windows, macOS și Linux. Acceptă JavaScript, TypeScript și Node.js și are un ecosistem bogat de extensii pentru alte limbaje precum C++, C#, Java, Python, PHP și Go și runtime precum .NET și Unity. Aflați mai multe despre Visual Studio Cod în Începeți cu VS Code.
Visual Studio Code vă permite să vă extindeți capacitatea prin extensii. Extensiile Visual Studio Code pot adăuga mai multe caracteristici experienței generale. Odată cu lansarea acestei caracteristici, veți putea utiliza acum extensia Visual Studio Code pentru a lucra cu Power Pages.
Extensia Visual Studio Code pentru Power Pages
Power Platform Tools adaugă capacitatea de a configura site-uri web folosind Visual Studio Code și de a utiliza limbajul Liquid încorporat IntelliSense permițând ajutor pentru completarea codului, asistență și sugestii în timpul particularizării interfeței pentru site-uri web folosind Visual Studio Code. Folosind extensia Visual Studio Code, puteți configura portaluri și prin intermediul Microsoft Power Platform CLI.
Notă
- Trebuie să vă asigurați că node.js este descărcat și instalat pe aceeași stație de lucru ca Visual Studio Codul pentru ca Power Pages funcțiile lucru.
- Asigurați-vă că sunt instalate doar Power Platform Tools, nu și Power Platform Tools, și Power Platform Tools [VERSIUNE PRELIMINARĂ]. Consultați problemele cunoscute pentru detalii.
Cerințe preliminare
Înainte de a utiliza extensia Visual Studio Code pentru Power Pages, trebuie:
Descărcați, instalați și configurați Visual Studio Code. Mai multe informații: Descarcați Visual Studio Code
Configurați-vă mediul și sistemul pentru asistență CI/CD Power Pages folosind CLI. Mai multe informații: Microsoft Power Platform CLI (versiune preliminară)
Instalați extensia Visual Studio Code
După ce instalați Visual Studio Code, trebuie să instalați extensia pentru insertul Power Platform Tools pentru Visual Studio Code.
Pentru a instala extensia Visual Studio Code:
Deschideți Visual Studio Code.
Selectați Extensii din panoul din stânga.
Selectați pictograma Setări din partea dreaptă sus din panoul de extensii.
Căutați și selectați Power Platform Tools.
Selectați Instalare.
Verificați dacă extensia este instalată cu succes din mesajele privind starea.
Descărcați conținutul site-ului web
Pentru autentificare într-un mediu Microsoft Dataverse și pentru a descărca conținutul site-ului web, consultați tutorialul Utilizarea Microsoft Power Platform CLI cu Power Pages - descărcați conținutul portalurilor.
Sfat
Extensia Power Platform Tools permite automat utilizarea comenzilor Microsoft Power Platform CLI din Visual Studio Code prin Terminalul Integrat Visual Studio.
Pictogramele fișierului
Extensia Visual Studio Code pentru Power Pages identifică și afișează automat pictograme pentru fișiere și foldere din conținutul site-ului descărcat.
Visual Studio Code folosește tema implicită pentru pictogramele de fișiere, care nu afișează pictograme specifice Power Pages. Pentru a vedea pictogramele de fișiere specifice site-urilor dvs. web, trebuie să actualizați Visual Studio instanța de cod pentru a utiliza Power Pages tema specifică a pictogramelor de fișier.
Pentru a activa o temă de pictogramă fișier specifică portalurilor:
Deschideți Visual Studio Code.
Accesați Fișier>Preferințe>Temă>Temă pictograme fișiere
Selectați tema pentru pictogramele de portaluri PowerApps.
Previzualizare în timp real
Extensia Visual Studio Code permite o opțiune de previzualizare live pentru a vizualiza pagina de conținut Power Pages din interfața Visual Studio Code în timpul experienței de dezvoltare.
Pentru a vedea versiune preliminară, selectați 
din partea din dreapta sus când aveți un fișier HTML deschis în mod editare.
Panoul de previzualizare se deschide în partea dreaptă a paginii în curs de editare.
Funcția de previzualizare necesită ca celelalte fișiere să fie, de asemenea, deschise în aceeași sesiune de Visual Studio Code care alcătuiește marcajul HTML pentru afișarea previzualizării. De exemplu, dacă numai fișierul HTML este deschis fără ca structura folderului să fie deschisă folosind Visual Studio Cod, apare următorul mesaj.
Când apare această problemă, deschideți folderul folosind Fișier > Deschideți folderul și selectați folderul de conținut al site-ului descărcat pentru a-l deschide înainte de a încerca din nou să previzualizați.
Completare automată
Capacitatea de completare automată din extensia Visual Studio Code arată contextul curent în curs de editare și elementele relevante de completare automată prin IntelliSense.
Etichete Liquid
Când personalizați conținutul descărcat utilizând Visual Studio Code, puteți utiliza acum IntelliSense pentru Power Pages Etichete Liquid.
Începeți să tastați pentru a vedea o listă de etichete Liquid. Selectați o etichetă pentru a o formata corect și continuați cu introducerea dvs.
Obiecte Liquid
Puteți vedea completări de cod pentru obiectul Liquid introducând {{ }}. Cu cursorul plasat între paranteze, selectați <CTRL + space> pentru a afișa o listă de obiecte Liquid pe care le puteți selecta. Dacă obiectul are mai multe proprietăți, puteți introduce a . și apoi selectați <CTRL + space> din nou pentru a vedea proprietățile specifice ale obiectului Liquid.
Etichete de șablon
Puteți vedea sugestii de șabloane web Power Pages prin plasarea cursorului în declarația {include ' '} și selectați <CTRL> - space. Apare o listă de șabloane web existente pe care le puteți selecta.
Creați, ștergeți și redenumiți obiectele site-ului web
Din cadrul Visual Studio Code, puteți crea, șterge și redenumi următoarele componente ale site-ului web:
- Pagini web
- Șabloane de pagini
- Șabloane web
- Fragmente de conținut
- Active noi (fișiere web)
Creați operațiuni
Puteți utiliza opțiunile meniului contextual pentru a crea noi componente ale site-ului web. Faceți clic dreapta pe unul dintre obiectele acceptate, alegeți Power Pages și selectați tipul de obiect al site-ului web pe care doriți să îl creați.
Sau puteți utiliza paleta de comenzi Visual Studio Code selectând Ctrl + Shift + P.
Trebuie să specificați mai mulți parametri pentru a crea obiectul.
| Obiect | Parametri |
|---|---|
| Pagini web | Nume, șablon de pagină, pagină părinte |
| Șabloane de pagini | Nume, șablon web |
| Șabloane web | Nume |
| Fragmente de conținut | Nume și dacă fragmentul va fi HTML sau text. |
| Active noi (fișiere web) | Nume, pagina părinte și selectați fișierul de încărcat. |
Operațiunile de redenumire și ștergere
Din navigarea fișierelor, puteți folosi meniul contextual pentru a redenumi sau a șterge componentele Power Pages.
Notă
Obiectele șterse pot fi restaurate din coșul de reciclare de pe desktop.
Limitări
Următoarele limitări se aplică în prezent Power Platform Tools pentru portaluri:
- Funcțiile de completare automată acceptă doar funcționalități limitate.
- Live versiune preliminară nu acceptă teme personalizate sau obiecte Liquid.
Informații corelate
Power Pages suport pentru Microsoft Power Platform CLI (versiune preliminară)