Redigere kode med Visual Studio Code for nettet (forhåndsversjon)
[Dette emnet inneholder dokumentasjon for forhåndsversjonen, og kan bli endret.]
Fra utformingsstudioet kan du redigere områdekode ved hjelp Visual Studio Code for nettet. Ved hjelp av denne funksjonen kan du redigere statisk innhold, HTML, CSS, Liquid og JavaScript for følgende metadata for webområde:
| Metadata | Innhold |
|---|---|
| Avanserte skjemaer (flertrinnsskjemaer) | JavaScript |
| Standardskjemaer | JavaScript |
| Innholdssnutter | Alt innhold i innholdssnutten som støttes |
| Lister | JavaScript |
| Webfiler | Vise og laste ned mediefiler. Rediger tekstfiler (kode). |
| Nettsider | Alt støttet innhold (per språk), JavaScript og CSS |
| Webmaler | Alt støttet innhold |
Merk
Du kan ikke opprette metadataoppføringer, bare legge til og redigere innhold, kode og vise/laste ned filvedlegg.
Med Visual Studio Code for nettet får du en gratis Microsoft Visual Studio Code-opplevelse uten installasjon som kjøres fullstendig i nettleseren, slik at du kan bla gjennom områdekode og gjøre enkle kodeendringer raskt og trygt. Mer informasjon: Visual Studio Code for nettet-opplevelsen.
Viktig
- Dette er en forhåndsversjonsfunksjon.
- Forhåndsversjonsfunksjonene er ikke ment for produksjonsbruk og kan ha begrenset funksjonalitet. Disse funksjonene er tilgjengelige før en offisiell utgivelse, slik at kunder kan få tidlig tilgang og gi tilbakemelding.
Merk
- Første gang Visual Studio Code for nettet lastes kan ta litt tid, siden det installeres nødvendige utvidelser for denne funksjonen.
- Operasjoner for filoppretting, -sletting og nytt navn støttes ikke.
- Denne funksjonen bruker webutvidelsen Power Platform Tools. Webutvidelser begrenses av nettlesersandkassen og har derfor begrensninger sammenlignet med vanlige utvidelser.
- Power PlatformCLI støttes ikke.
- Power Platform Tools-webutvidelsesfunksjoner er begrenset til Power Pages-koderedigering.
- Denne funksjonen er ikke tilgjengelig i Government Community Cloud (GCC), Government Community Cloud (GCC High) og Department of Defense (DoD). Brukere i disse områdene bruker Portalbehandling-appen til å redigere kode. Se Redigere kode i Portalbehandling-appen hvis du vil ha mer informasjon.
Redigere kode som er tilgjengelig i designstudio
Du kan begynne å redigere koden for nettstedet ved å bruke Visual Studio Code for nettet på startsiden for Power Pages ved å velge alternativet Rediger nettstedskode på rullegardinmenyen Rediger.
Du kan også redigere kode i utformingsstudioet fra følgende områder:
- Redigere kode for websider fra arbeidsområdet for sider
- Kode for overskriftsmal fra arbeidsområdet Sider
- Redigere egendefinert CSS-kode fra stilarbeidsområdet
- Redigere egendefinert JavaScript-kode for flertrinnsskjemaer
- Redigere egendefinert JavaScript-kode for standardskjemaer
- Redigere egendefinert JavaScript for lister
- Redigere innholdssnutter
- Redigere webmaler
- Vise og laste ned mediewebfiler (bilder)
- Redigere tekstbaserte webfiler (CSS, JavaScript, andre)
La oss se hvordan du redigerer kode ved hjelp av disse områdene.
Redigere kode for websider fra arbeidsområdet for sider
Når du åpner Power Pages-utformingsstudioet, ser Rediger kode-alternativer på Sider-menyen1 og øvre høyre hjørne på skjermen2.
Kode for overskriftsmal fra arbeidsområdet Sider
Velg Rediger områdehode, og velg deretter Rediger kode for å åpne koderedigering.
Redigere egendefinert CSS-kode fra stilarbeidsområdet
Gå til Stilarbeidsområde, og velg tilgjengelig egendefinert CSS Rediger kode-menyen for å åpne koderedigeringsverktøyet.
Varsel om flettekonflikter
Hvis du samarbeider med andre utviklere, kan det oppstå situasjoner der du arbeider med den samme kildekoden. Hvis du prøver å lagre endringer i en utdatert fil, får du et varsel om å Sammenligne eller Overskrive endringer.
Hvis du sammenligner koden, vises gjeldende kode ved siden av koden, og du kan reversere de eksisterende endringene, godta hver endring individuelt eller bruke endringene og skrive over det eksisterende innholdet.
Du kan se gjennom det nyeste innholdet og enten slå sammen eller skrive over koden eller forkaste endringene.
Opplæring: Redigere områdekode ved hjelp Visual Studio Code for nettet
I denne opplæringen går du gjennom redigering av områdekoden ved hjelp av Visual Studio Code for Web.
Trinn 1: Redigere områdekode ved hjelp Visual Studio Code for nettet
Åpne området i Power Pages designstudio
Velg Rediger kode øverst til høyre
Velg Åpne Visual Studio Code i bekreftelsesdialogboksen.
Logg på Visual Studio Code ved hjelp av miljølegitimasjonen.
Vent til Power Platform Tools-webutvidelsen starter, og websidekode lastes inn i venstre rute.
Trinn 2: Oppdatere innhold og kode
Utforskeren til venstre på skjermen laster inn metadata for konfigurasjon av webområde som kan redigeres ved hjelp av Visual Code for nettet.
Gjør endringer i de respektive metadatafilene, og trykk CTRL+S for å lagre endringene.
Gå til designstudioet, og velg Synkroniser for å hente alle oppdateringene i den gjeldende i designstudioøkten.
Velg Forhåndsversjon for å se endringene på Power Pages-området.
Bruke Visual Studio Code for nettet eller Visual Studio Code-skrivebord
Brukere kan redigere, feilsøke og forhåndsvise endringer på sideredigeringer ved hjelp av Visual Studio Code for nettet uten å måtte bruke eksterne verktøy. Visual Studio Code-skrivebord inneholder andre avanserte funksjoner for redigering av alle områdemetadata og integrasjon med GitHub, rammeverk og kontinuerlig integrasjon/kontinuerlig utvikling (CI/CD).
| Funksjon | VS Code for nettet | VS Code-skrivebord |
|---|---|---|
| Opprette nye metadataoppføringer for konfigurasjon av webområde | Nei | Begrenset til websider, sidemaler, webmaler, innholdsutdrag og webfiler. |
| Direkte områderedigering | Ja | Nei |
| Redigering av områdemetadata | Begrenset til redigering av websider, innholdssnutter, standardskjemaer, flertrinnsskjemaer, lister og webmaler. | All Power Pages-metadatakonfigurasjon |
| Forhåndsvis område | Planlagt | Planlagt |
| Støtte for Power Platform CLI | Nei | Ja |
| Avansert CPU og lagringsbundet arbeidsflyt – ReactJS eller støtte for annet byggeverktøy for rammeverk | Nei | Ja |
| GitHub-integrasjon med funksjoner som kodeinnsjekking, -utsjekking, behandling av konflikter og sammenslåing. | Nei | Ja |
Redigere kode i Portalbehandling-appen
Merk
- Bruk av Visual Studio Code for nettet til redigering av nettsteder støttes ikke i Government Community Cloud (GCC), Government Community Cloud (GCC High) og Department of Defense (DoD). Brukere i disse områdene kan bruke Appen Portalbehandling til å gjøre sine endringer.
Hvis området ikke støtter Visual Studio Code for nettet, velger koderedigeringsikonet </> på kommandolinjen og kommandolinjen åpner Portalbehandling-appen.
Naviger til de tilsvarende websidene, Standardskjemaer, Flertrinnsskjemaer, eller Lister eller Webmaler-oppføringer for å redigere kode.
| Type | Kodeplassering |
|---|---|
| Nettside | Velg websideoppføring
Velg oppføring for websideinnhold fra delen Lokalisert innhold. Sidekopiering kan redigeres i Kopier (HTML)-feltet i kategorien Generelt. Egendefinert JavaScript og Egendefinert CSS-kode kan redigeres i kategorien Avansert. |
| Standardskjema | Velg den grunnleggende skjemaoppføringen. Rediger Egendefinert JavaScript i kategorien Tilleggsinnstillinger. |
| Flertrinnsskjema | Velg flertrinnsskjemaoppføringen. Velg flertrinnsskjematrinnet i kategorien Skjematrinn. Rediger Egendefinert JavaScript i kategorien Skjemaalternativer. |
| List | Velg listeoppføringen. Rediger Egendefinert JavaScript i kategorien Alternativer. |
| Nettmal | Velg webmaloppføringen. Rediger Kilde i kategorien Generelt. |
Lagre oppføringen, og forhåndsvis webområdet for å teste koden.