Js editor sa online

Anonim

Js editor sa online

Paagi 1: Playcode

Ang Playcode usa ka advanced code editor nga nagsuporta sa JavaScript ug tanan nga mga mayor nga gimbuhaton nga napanunod sa tibuuk nga palibot sa pag-uswag. Dinhi, mahimo nimong isagol ang pag-uswag sa HTML, CSS ug JS, Pagbalhin tali sa mga dokumento sa bisan unsang angay nga panahon.

Adto sa Playcode Online Service

  1. Aron masugdan ang editor, i-klik ang button nga "Open Editor".
  2. Pag-adto sa pag-edit sa JavaScript Code pinaagi sa Playcode Online Service

  3. Ang usa ka sukaranang template pagahimoon nga, kung kinahanglan, mahimo nimong mapapas ug magsugod sa pagsulat sa mga script gikan sa usa ka limpyo nga habol sa parehas nga block sa editor.
  4. Tan-awa ang Evascript Code Ehemplo pinaagi sa Online Playcode Service

  5. Adunay usa ka pagbag-o sa gidak-on sa tanan nga mga oras nga karon, nga gihimo pinaagi sa paglihok sa grabe nga bayanan. Pag-andam sa workspace sa unahan aron kini labi ka dali nga atubangon ang dugang nga kalamboan.
  6. Ang pagbag-o sa gidak-on sa pag-edit sa JavaScript pinaagi sa Playcode Online Service

  7. Ang tanan nga mga pagbag-o gipakita sa screen diha-diha dayon, tungod kay ang live mode gi-aktibo sa default.
  8. Awtomatikong pagtipon sa pag-edit sa javascript nga sangputanan pinaagi sa online playcode Service

  9. Ilisda kini pinaagi sa pag-aktibo sa katugbang nga butones, nga nahimutang sa tuo sa itaas. Unya ang pagtigum kinahanglan nga modagan nga independente, pag-klik sa icon nga adunay usa ka tatsulok.
  10. I-disable ang JavaScript Awtomatikong Pag-compile pinaagi sa Playcode Online Service

  11. Gamita ang gitukod-sa tips sa dali nga dial importante nga mga sugo. Igo na ang pagsulat sa pipila ra nga mga letra, ug ang tanan nga nahabilin sa sulud awtomatikong mapulihan. Ang parehas nga magamit sa mga kinutlo o mga bracket nga awtomatikong gilakip.
  12. Awtomatikong Pag-ilis sa PRLESST PRESOWS kung gi-edit ang Javascript pinaagi sa online nga Taycode Service

  13. Sa wala sa ilawom sa console gipakita. Kung adunay bisan unsang mga sayup nga mahitabo sa pagproseso sa code, adunay dayon ipahibalo sa pag-analisar sa mga kasaypanan.
  14. Pagtan-aw sa Console sa pag-edit sa Javascript pinaagi sa online Playcode Service

  15. Pagbalhin tali sa JS, HTML ug CSS file sa wala nga panel.
  16. Pagbalhin sa taliwala sa mga dokumento sa pag-edit sa Javascript pinaagi sa Playcode Online Service

  17. Dugang pa, adunay uban pang mga template sa Playcode, gipakita sa porma sa yano nga mga script o bisan mga dula nga adunay interaksyon sa tiggamit. Mahimo ka makaadto kanila pinaagi sa pag-klik sa mga butones sa tuo.
  18. Pag-adto sa pagtan-aw sa mga template sa javascript pinaagi sa Playcode Online Service

  19. Pamilyar dayon nimo ang imong kaugalingon sa sangputanan sa output ug mahimong mano-mano-mano-mano-mano-mano ang code pinaagi sa pag-apply niini sa umaabot nga proyekto.
  20. Pagtan-aw ug pagdumala sa mga template sa Javascript pinaagi sa online playcode Service

  21. Kung nagplano ka nga magtrabaho uban ang playcode ug dayon, girekomenda nga maghimo usa ka bag-ong account. Pagkahuman niana, ang pagpreserba, pagpatik ug pag-apod-apod sa mga himan mahimong magamit.
  22. Pag-save sa mga proyekto sa pag-edit sa Javascript pinaagi sa Playcode Online Service

Pamaagi 2: jsfiddle

Ang JSFIDDLE online nga pag-alagad adunay iyang kaugalingon nga mga bahin: kay sa panig-ingnan, ang user anaa sa pagkonektar popular tigbayon, ingon man usab sa dali nga switch sa taliwala sa mga pinulongan nga gigamit sa isulat code.

Lakaw ngadto sa online nga pag-alagad jsfiddle

  1. Sa higayon nga sa ibabaw sa mga nag-unang pahina sa JSFIDDLE, nga imong mahimo sa pagpili sa usa sa mga blangko alang sa dugang programa o magsugod pagsulat code gikan sa nagaras.
  2. Pagpili sa template sa dili pa pag-edit JavaScript pinaagi sa JSFIDDLE online nga pag-alagad

  3. Ang JS editor nahimutang sa ubos ug, kon gikinahanglan, nga imong mahimo sa pag-usab ang gidak-on niini, sa pagbalhin sa gambalay sa rehiyon. Ang nag-unang pagproseso sa code gidala dinhi.
  4. Pag-edit JavaScript pinaagi sa online nga pag-alagad JSFIDDLE

  5. Pagsulod sa drop-sa menu kon kamo gusto nga switch sa sa daan nga bersyon sa pinulongan o sa pagpili sa laing PJ.
  6. Pagpili og usa ka pinulongan ngadto sa edit JavaScript pinaagi sa JSFIDDLE online nga pag-alagad

  7. Sa unang duha ka blocks gibahin sa HTML ug CSS editor, makig-uban sa nga imong mahimo sa bisan unsang panahon, lamang pagbalhin sa taliwala sa kanila.
  8. Buhat sa HTML ug sa CSS sa dihang pag-edit JavaScript pinaagi sa online nga pag-alagad JSFIDDLE

  9. Sa pagsusi sa mga code, sa paggamit sa "Run" button. Ikasubo, sa paghipos sa tinuod nga-time nga JSFIDDLE wala pagsuporta.
  10. Ang pagdagan JavaScript Kompilasyon pinaagi sa online JSFIDDLE nga pag-alagad

  11. Sa gamay nga console bintana sa too, nga impormasyon mahitungod sa mga malampuson nga paghipos, o impormasyon mahitungod sa mga sayop nahitabo sa panahon sa niini nga proseso makita.
  12. Pagtan-aw sa mga resulta sa console sa dihang gihipos JavaScript pinaagi sa online nga pag-alagad JSFIDDLE

  13. Ang resulta sa iyang kaugalingon nga mipahawa sa usa ka linain nga dapit sa ibabaw sa console.
  14. Ang resulta sa paghipos JavaScript pinaagi sa online nga pag-alagad jsfiddle

  15. Gamita ang mga setting drop-sa menu kon gusto sa pag-usab sa dagway sa mga editor, mapanagway sa console, laray lantugi ug online nga pag-alagad nga kinaiya.
  16. pag-edit JavaScript setting pinaagi sa JSFIDDLE online nga pag-alagad

  17. Sa mao usab nga drop-sa menu, nga mao ang responsable sa pagpili sa usa ka programming pinulongan, nga kamo mahimo Sumpaysumpaya sa usa ka gambalay alang sa personal nga katuyoan.
  18. Nga nagkonektar gambalay sa dihang pag-edit JavaScript pinaagi sa online nga pag-alagad JSFIDDLE

Kon kamo gusto nga aron sa pagluwas sa proyekto o dugang nga mga bahin editor, ikaw kinahanglan nga magparehistro sa JSFIDDLE. Sunod, basaha ang taripa mga plano ug mopili sa usa kanila sa diha nga kini nagplano sa paggamit sa mga posibilidad sa online nga pag-alagad sa usa ka permanente nga basehan nga walay bisan unsa nga mga pagdili.

Pamaagi 3: Dirtymarkup

Sa konklusyon, gusto kita nga makig-istorya mahitungod sa Dirtymarkup online editor, nga mao ang kamahinungdanon sa lain-laing gikan sa bungkagon sa ibabaw sa kamatuoran nga kini dili gituyo sa isulat code gikan sa nagaras, apan gigamit aron sa pagdala niini ngadto sa normal nga formatting sa automatic mode.

Lakaw ngadto sa Dirtymarkup online nga pag-alagad

  1. Sa Dirtymarkup website, switch sa "JS" mode pinaagi sa pagklik sa katugbang nga button.
  2. Lakaw ngadto sa pagpili sa mga pinulongan sa pag-edit JavaScript pinaagi sa online nga pag-alagad Dirtymarkup

  3. Karon ang editor sa iyang kaugalingon mahimong sal-ot sa tibuok code nga kinahanglan format.
  4. Ot sulod sa usba JavaScript pinaagi sa Dirtymarkup online nga pag-alagad

  5. Ibutang ang tab, ang gitas-on sa mga linya, ang matang sa numero brackets ug dugang lantugi, nga nagtimaan sa ilang mga checkboxes.
  6. Configuring JavaScript Editing Content Pinaagi sa Online Dirtymarkup Service

  7. Ibutang ang Edit setting pinaagi sa pagklik Clean.
  8. Sugod JavaScript pag-usab pinaagi sa Dirtymarkup online nga pag-alagad

Kini nagpabilin lamang sa pagkopya sa mga sulod nga nakuha sa husto nga formatting sa dugang nga paggamit niini sa development palibot o sa uban nga JavaScript online editor.

Basaha ang dugang pa