Rediger kode med Visual Studio Code til internettet (forhåndsversion)
[Dette emne er til dokumentationen til den foreløbige udgivelse. Der kan forekomme ændringer.]
I design studio kan du redigere webstedskoden ved hjælp af Visual Studio Code til internettet. Denne funktion giver dig mulighed for at redigere statisk indhold, HTML, CSS, Liquid og JavaScript for følgende webstedsmetadata:
| Metadata | Indhold |
|---|---|
| Avancerede formularer (formularer med flere trin) | JavaScript |
| Basisformularer | Javascript |
| Indholdskodestykker | Alt understøttet kodestykkeindhold |
| Lister | Javascript |
| Webfiler | Se og download mediefiler. Rediger tekstfiler (kode). |
| Websider | Alt understøttet indhold (pr. sprog), JavaScript og CSS |
| Webskabeloner | Alt understøttet indhold |
Bemærk
Du kan ikke oprette metadataposter. Du kan kun tilføje og redigere indhold, kode og se/downloade vedhæftede filer.
Visual Studio Code til internettet giver en gratis oplevelse med at installere Microsoft Visual Studio Code uden problemer, der kører helt i din browser, så du kan gennemse webstedskode og foretage ændringer af letvægtskoder hurtigt og sikkert. Flere oplysninger: Visual Studio Code til weboplevelsen.
Vigtigt
- Dette er en forhåndsversion af funktionen.
- Forhåndsversionsfunktioner er ikke beregnet til produktionsformål og kan have begrænset funktionalitet. Disse funktioner er tilgængelige før en officiel udgivelse, så kunderne kan få tidlig adgang og give feedback.
Bemærk
- Første gang Visual Studio Code til webbelastningen kan tage lang tid, da den installerer påkrævede udvidelser til denne funktion.
- Handlinger til oprettelse, sletning og omdøbning af filer understøttes ikke.
- Ved denne funktion bruges webudvidelsen Power Platform Tools. Webudvidelser er begrænset af browsersandkassen og har derfor begrænsninger i forhold til normale udvidelser.
- Power PlatformCLI understøttes ikke.
- Power Platform Tools-funktioner til webudvidelser er begrænset til Power Pages-koderedigeringserfaring.
- Funktionen er ikke tilgængelige i GCC (Government Community Cloud), Government Community Cloud (GCC High) og Department of Defense (DoD). Brugerne i disse områder bruger appen Portalstyring til redigering af kode. Se Redigering af kode i appen Portaladministration for at få flere oplysninger.
Rediger kode, der findes i design studio
Du kan gå i gang med at redigere webstedets kode ved hjælp af Visual Studio Code til internettet på Power Pages-startsiden ved at vælge indstillingen Rediger webstedskode i rullemenuen Rediger.
I designstudio kan du også redigere kode fra følgende områder:
- Redigere websidekode fra arbejdsområdet Sider
- Overskriftsskabelonkode fra arbejdsområdet Sider
- Redigering af brugerdefineret CSS-kode fra formateringsarbejdsområdet
- Redigere brugerdefineret JavaScript-kode for formularer med flere trin
- Redigere brugerdefineret JavaScript-kode for basisformularer
- Redigere brugerdefineret JavaScript til lister
- Redigere indholdskodestykker
- Redigere webskabeloner
- Se og downloade mediefilerweb (billeder)
- Redigere tekstbaserede webfiler (CSS, JavaScript, andre)
Lad os se, hvordan du kan redigere kode ved hjælp af disse områder.
Redigere websidekode fra arbejdsområdet Sider
Når du åbner Power Pages-designstudio, kan du se indstillingen Rediger kode i menuen Sider1 og øverste højre hjørne af skærmbilledet2.
Overskriftsskabelonkode fra arbejdsområdet Sider
Vælg Rediger webstedsoverskrift, og vælg derefter Rediger kode for at åbne kodeeditoren.
Redigering af brugerdefineret CSS-kode fra formateringsarbejdsområdet
Gå til Formateringsarbejdsområdet, og vælg den tilgængelige brugerdefinerede CSS Rediger kode-menu for at åbne kodeeditoren.
Meddelelse om fletning af konflikter
Hvis du samarbejder med andre udviklere, kan der være situationer, hvor du arbejder på den samme kildekode. Hvis du forsøger at gemme ændringer i en forældet fil, får du besked om at sammenligne eller overskrive ændringer.
Hvis du sammenligner koden, vises den aktuelle kode sammen med din kode, og du kan vende tilbage til de eksisterende ændringer, acceptere de enkelte ændringer for sig eller bruge ændringerne og overskrive det eksisterende indhold.
Du kan gennemgå det nyeste indhold og enten flette eller overskrive koden eller kassere ændringerne.
Selvstudium: Redigering af websted ved hjælp af Visual Studio Code til internettet
I dette selvstudium skal du gennemgå redigering af webstedskoden ved hjælp af Visual Studio Code til internettet.
Trin 1: Redigere webstedkode ved hjælp af Visual Studio Code til internettet
Åbn dit websted i Power Pages design studio
Vælg Rediger kode øverst til højre
Vælg Åbn Visual Studio Code i bekræftelsesdialogboksen.
Log på Visual Studio Code ved hjælp af dine miljølegitimationsoplysninger.
Vent på, at Power Platform Tools-webudvidelsen initialiseres, og at websidekoden indlæses i venstre rude.
Trin 2: Opdatering af indhold og kode
Stifinderen i venstre side af skærmen indlæser de respektive metadata til konfiguration af websteder, der kan redigeres ved hjælp af Visual Code til internettet.
Foretag ændringer af de respektive metadatafiler, og tryk på Ctrl+S for at gemme ændringerne.
Gå til design studio, og vælg Synkroniser for at trække alle opdateringerne i din nuværende design studiosession.
Vælg Forhåndsversion for at se ændringer på webstedet Power Pages.
Brug Visual Studio Code til internettet eller Visual Studio Code-skrivebord
Brugere kan redigere, foretage fejlfinding og få vist eksempler på ændringer af sider ved hjælp af Visual Studio Code til internettet uden brug af eksterne værktøjer. Visual Studio Code-skrivebord indeholder andre avancerede funktioner til redigering af alle webstedsmetadata og integration med GitHub, strukturer og processer til løbende integration/løbende udvikling (CI/CD).
| Funktion | VS Code til internettet | VS Code-skrivebord |
|---|---|---|
| Oprette nye metadataposter til konfiguration af websted | Nej | Begrænset til websider, sideskabeloner, webskabeloner, indholdskodestykker og webfiler. |
| Redigering af direkte websted | Ja | Nej |
| Redigering af webstedsmetadata | Begrænset til redigering af websider, indholdskodestykker, basisformularer, formularer med flere trin, lister og webskabeloner. | Konfiguration af alle Power Pages-metadata |
| Forhåndsversion af websted | Planlagt | Planlagt |
| Power Platform CLI-support | Nej | Ja |
| Avanceret CPU- og lagerbundet arbejdsproces – understøttelse af ReactJS eller et andet værktøj til opbygning af rammer | Nej | Ja |
| GitHub-integration med funktioner som kodekontrol, tjek ud, administration af konflikter og fletning. | Nej | Ja |
Redigere kode i portalstyringsappen
Bemærk
- Brug Visual Studio Code til internettet til redigering af websteder understøttes ikke i GCC (Government Community Cloud), Government Community Cloud (GCC High) og Department of Defense (DoD). Brugerne i disse områder kan bruge Portalstyringsappen til at foretage deres ændringer.
Hvis området ikke understøtter Visual Studio Code for internettet, skal du vælge kodeeditorikonet </> på kommandolinjen for at åbne Portalstyring.
Naviger til de tilsvarende websider, Basisformularer, Formularer med flere trin, Lister eller Webskabelon-poster til at redigere kode.
| Type | Kodeplacering |
|---|---|
| Webside | Vælg webstedspost. Vælg en post for indhold på websiden i sektionen Oversat indhold. Sidekopier kan redigeres i feltet Kopiér (HTML) under fanen Generelt.Brugerdefineret JavaScript og Brugerdefineret CSS-kode kan redigeres under fanen Avanceret. |
| Basisformular | Vælg den grundlæggende formularpost.Rediger Brugerdefineret JavaScript under fanen Flere indstillinger. |
| Formular med flere trin | Vælg formularposten med flere trin.Vælg formularen med flere trin under fanen Formulartrin.Rediger Brugerdefineret JavaScript under fanen Formularindstillinger. |
| List | Vælg listeposten.Rediger Brugerdefineret JavaScript under fanen Indstillinger. |
| Webskabelon | Vælg webskabelonposten.Rediger Kilde under fanen Generelt. |
Gem posten, og gennemse webstedet for at teste koden.