Partekatu bidez

Editatu kodea Visual Studio Code weberako (aurreargitalpena)

[Gai hau aurre-argitalpeneko dokumentazioa da eta alda daiteke.]

Diseinu estudiotik, gunearen kodea edita dezakezu Visual Studio Code weberako erabiliz. Eginbide horrek aukera ematen dizu eduki estatiko editatzeko, HTML, CSS, Likidoa, eta JavaScript medatuen webgune honetarako:

Metadatuak Edukia
Inprimaki aurreratuak (urrats anitzeko inprimakiak) JavaScript
Oinarrizko formak JavaScript
Eduki zatiak Onartutako eduki zatien eduki guztia
Zerrendak JavaScript
Web fitxategiak Ikusi eta deskargatu multimedia fitxategiak. Editatu testu (kodea) fitxategiak.
Web orriak Onartutako eduki guztia (hizkuntza bakoitzeko), JavaScript eta CSS
Web txantiloiak Onartutako eduki guztiak

Oharra

Ezingo dituzu metadatuen erregistroak sortu, edukia, kodea gehitu eta editatu eta fitxategien eranskinak ikusi/deskargatu soilik.

Visual Studio Code weberako for the Microsoft Visual Studio Code-ren doako instalazioa eskaintzen du zure arakatzailean guztiz exekutatzen dena, gunearen kodea arakatzeko eta kode aldaketak azkar eta seguru egiteko aukera emanez. Informazio gehiago: Visual Studio Code Webeko esperientziaren kodea.

Garrantzitsua da

  • Hau aurreikuspen-eginbidea da.
  • Aurrebista-eginbideak ez daude ekoizpenerako diseinatuta, eta funtzionalitate murriztua izan dezakete. Eginbide horiek kaleratze ofiziala baino lehen dauden erabilgarri, bezeroek atzitu eta beren oharrak eman ditzaten.

Weberako kodearen Visual Studio Code gunea editatzeko Power Pages gunea erabiltzeko demoa.

Oharra

  • Lehen aldiz Visual Studio Code weberako kargatzeak denbora pixka bat behar izan dezake, eginbide honetarako beharrezko luzapenak instalatuko baititu.
  • Fitxategiak sortzeko, ezabatu eta izena aldatzeko eragiketak ez dira onartzen.
  • Eginbide honek Power Platform Tools web luzapena erabiltzen du. Web luzapenak arakatzailearen sandbox-ak mugatzen ditu eta, beraz, mugak dituzte luzapen arruntekin alderatuta.
    • Power Platform-en CLI ez onartzen.
    • Power Platform Tools web hedapenaren eginbideak Power Pages kodeak editatzeko esperientziara mugatzen dira.
    • Ezaugarri hau ez eskuragarri Government Community Cloud (GCC), Government Community Cloud (GCC High) eta Department of Defense (DoD). Eskualde horietako erabiltzaileek Portals Management aplikazioa erabiliko dute kodea editatzeko. Ikus Kodea editatzea Portals Management aplikazioan informazio gehiagorako.

Editatu kodea diseinu estudioan eskuragarri

Zure gunearen kodea editatzen has zaitezke honekin: Visual Studio Weberako kodea hemendik: Power Pages hasierako orria aukeratuz Editatu gunearen kodea aukera -tik. Editatu goitibeherako menua.

Diseinu estudioko kodea ere edita dezakezu eremu hauetatik:

Ikus dezagun nola editatu kodea eremu hauek erabiliz.

Editatu web orriaren kodea Pages lan-eremutik

Power Pages diseinu estudioa irekitzen duzunean, Editatu kodea aukera ikusiko duzu Orrialdeen menuan1 eta pantailaren goiko eskuineko izkina2.

Editatu kodea Orrialdeen laneko areatik.

Goiburuko txantiloiaren kodea Pages lan-eremutik

Hautatu Editatu gunearen goiburua eta, gero, hautatu Editatu kodea kode-editorea irekitzeko.

Editatu kodea Orrialdeen goiburua.

Editatu pertsonalizatutako CSS kodea Styling laneko areatik

Joan Estilistak lantzeko gunea eta hautatu eskuragarri dauden pertsonalizatuak CSS Editatu kodea menua kode editorea irekitzeko.

Editatu kodea pertsonalizatutik CSS.

Power Pages-en ekintzen ikuspegia

Power Pages-en ekintzen ikuspegiak, Fitxategi-esploratzailearen behealdean erabilgarria, Power Pages guneak zuzenean editorearen barruan kudeatzeko aukera ematen dizu. Power Pages diseinu estudiora aldatzeko beharra murrizten du, garatzaileei ohiko zereginak azkar egiteko aukera emanez editorearen barrutik.

Ekintza erabilgarriak

  • Aurrebistaren gunea
    Ekintza honek konfigurazio-cachea garbitzen du eta gunea VS Code-n irekitzen du. Garatzaileei gunearen kodearen aldaketak aurreikusi eta probatu ahal izango ditu, Power Pages diseinu estudiora testuingurua aldatu beharrik gabe.

  • Ireki Power Pages diseinu estudioan
    Kodea aldatu ondoren, erabili ekintza hau Power Pages diseinu estudiora joateko. Hau erabilgarria da kode-editorean editagarriak ez diren autentifikazio-hornitzaileak, web rolak eta beste gune-ezarpen batzuk konfiguratzeko.

  • Ireki VS Code mahaigainean
    VS Code Desktop instalatuta badago, ekintza honek webgunea mahaigaineko aplikazioan irekiko du. Gainera, gunearen deskarga abiarazten du, kodea lokalki eskuragarri dagoela eta editatzeko prest dagoela ziurtatuz.

Power Pages-en ekintzen ikuspegia VS Code-n.

Bateratu gatazkaren jakinarazpena

Beste garatzaile batzuekin lankidetzan ari bazara, baliteke iturburu-kode berean lan egingo duzun egoerak egotea. Fitxategi zaharkitu batean aldaketak gordetzen saiatzen bazara, jakinarazpen bat jasoko duzu Konparatu edo Gainidatzi aldaketak.

Kodea alderatuz gero, uneko kodea erakutsiko da zure kodearekin batera eta lehendik dauden aldaketetara itzultzeko, aldaketa bakoitza banan-banan onartzeko edo zure aldaketak erabiltzeko eta lehendik dauden edukiak gainidazteko aukera emango dizu.

Bateratu gatazkak kodean.

Azken edukia berrikusi eta kodea batu edo gainidatzi edo aldaketak baztertu ahal izango dituzu.

Tutoriala: Editatu gunearen kodea erabiliz Visual Studio Code weberako

Tutorial honetan, gunearen kodea editatzen ibiliko zara Visual Studio Code Weberako.

1. urratsa: Editatu gunearen kodea erabiliz Visual Studio Weberako kodea

  1. Ireki ataria hemen Power Pages diseinu-estudioa

  2. Goiko eskuineko izkinan, hautatu Editatu kodea

    Irekitzen Visual Studio Code Diseinu estudioan.

  3. Hautatu Ireki Visual Studio Code berrespen-elkarrizketatik.

  4. Saioa hasi Visual Studio Code erabilita zure ingurune-kredentzialak.

  5. Itxaron Power Platform Tools web-luzapena hasieratzeko eta web-orriaren kodea ezkerreko panelean kargatzeko.

2. urratsa: eguneratu edukia eta kodea

  1. Pantailaren ezkerraldeko esploratzaileak dagozkien webgunearen konfigurazio metadatuak kargatzen ditu, Weberako Visual Code erabiliz edita daitezkeenak.

    Arakatzaileen menua web fitxategiak erakusten dituen izenbururik gabeko lan-eremu baterako.

  2. Egin aldaketak dagozkien metadatu fitxategietan eta sakatu Ktrl+S aldaketak gordetzeko.

  3. Joan diseinu estudiora eta hautatu Sinkronizatu uneko diseinu estudioko saioko eguneratze guztiak ateratzeko.

    Interfazea erabiltzaileak Sinkronizatu botoia hauta dezan Visual Studio Code-n egindako aldaketak diseinu estudiorako sinkronizatzeko.

  4. Hautatu Aurrebista ikusteko aldaketak Power Pages gunean.

Erabiltzen Visual Studio Weberako kodea edo Visual Studio Kode mahaigaina

Erabiltzaileek orrialdeen aldaketetan aldaketak editatu, arazketa eta aurrebista ditzakete Visual Studio Code Weberako erabiliz, kanpoko tresnak erabili beharrik gabe. Visual Studio Code Desktop-ek beste funtzio aurreratu batzuk eskaintzen ditu guneko metadatu guztiak editatzeko eta GitHub-ekin, framework-ekin eta integrazio jarraitu/garapen jarraitu (CI/CD) prozesuekin integratzeko.

Eginbidea VS kodea weberako VS Code mahaigaina
Sortu webgunearen konfigurazio metadatuen erregistro berriak No Web-orrietara, orri-txantiloietara, web-txantiloietara, eduki-zatietara eta web-fitxategietara mugatuta dago.
Gune zuzeneko edizioa Yes No
Gunearen metadatuen edizioa Web orriak, eduki zatiak, oinarrizko inprimakiak, urrats anitzeko inprimakiak, zerrendak eta web txantiloiak editatzera mugatuta. Power Pages metadatuen konfigurazio guztia
Gunearen aurrebista Antolatuta Antolatuta
Power Platform CLI laguntza No Yes
PUZ eta biltegiratze lan-fluxu aurreratuak - ReactJS edo beste esparru eraikitzeko tresnen euskarria No Yes
GitHub-en integrazioa, hala nola, kodea erregistratzea, ateratzea, gatazkak kudeatzea eta bateratzea bezalako gaitasunekin. No Yes

Editatu kodea Atarien kudeaketa aplikazioan

Oharra

  • Webguneak editatzeko Visual Studio Code erabiltzea ez da onartzen Government Community Cloud (GCC), Government Community Cloud (GCC High) eta Department of Defense (DoD). Eskualde horietako erabiltzaileek Atariaren kudeaketa aplikazioa erabil dezakete aldaketak egiteko.

Eskualdeak ez badu onartzen Web Visual Studio Kodea, komando-barran kode-editorearen ikonoa </> hautatzeak Atariaren kudeaketa aplikazioa irekiko du.

Nabigatu dagozkien Web-orrietara, Oinarrizko inprimakiak, Urrats anitzeko inprimakiak, Zerrendak edo Web txantiloiak erregistroak kodea editatzeko.

Idatzi Kodearen kokapena
Web orri Hautatu web-orriaren erregistroa
Hautatu web orriaren edukiaren erregistroa hemendik Eduki lokalizatua atala.
Orriaren kopia edita daiteke hemen: Kopiatu (HTML) eremuan. Orokorra fitxa.
JavaScript pertsonalizatua eta Pertsonalizatua CSS kodea hemendik edita daiteke Aurreratua fitxa.
Oinarrizko inprimakia Hautatu oinarrizko inprimakiaren erregistroa. Editatu JavaScript pertsonalizatuaEzarpen osagarriak fitxan.
Urrats anitzeko inprimaki bat Hautatu urrats anitzeko inprimakiaren erregistroa.
Hautatu urrats anitzeko inprimakiaren urratsa Inprimakiaren urratsak fitxan. Editatu JavaScript pertsonalizatuaInprimakiaren aukerak fitxan.
Zerrenda Hautatu zerrendako erregistroa. Editatu JavaScript pertsonalizatuaAukerak fitxan.
Web-txantiloia Hautatu web-txantiloiaren erregistroa. Editatu iturburuaOrokorra fitxan.

Gorde erregistroa eta ikusi zure webgunea zure kodea probatzeko.

Ikusi ere

  • Last updated on