JS Editor tiešsaistē

Anonim

JS Editor tiešsaistē

1. metode: PlayCode

PlayCode ir uzlabots kodu redaktors, kas atbalsta JavaScript un visas galvenās funkcijas, kas raksturīgas pilnvērtīgām attīstības vidēm. Tajā varat apvienot HTML, CSS un JS attīstību, pārslēdzot starp dokumentiem jebkurā ērtā brīdī.

Iet uz Playcode tiešsaistes pakalpojumu

  1. Lai sāktu redaktoru, noklikšķiniet uz pogas "Atvērt redaktoru".
  2. Iet uz rediģēšanu JavaScript kodu, izmantojot PlayCode tiešsaistes pakalpojumu

  3. Pamata veidne tiks izveidota, ja nepieciešams, jūs varat dzēst un sākt rakstīt skriptus no tīras lapas vienā redaktora blokā.
  4. Skatīt JavaScript koda piemēru, izmantojot tiešsaistes PlayCode Service

  5. Pieejams izmaiņas lieluma visos pašreizējos blokos, ko veic, pārvietojot ekstrēmo rāmi. Sagatavojiet darbvietu iepriekš, lai tas būtu ērtāk risināt turpmāku attīstību.
  6. JavaScript rediģēšanas lieluma maiņa, izmantojot PlayCode tiešsaistes pakalpojumu

  7. Visas veiktās izmaiņas tiek parādītas ekrānā uzreiz, jo tiešraidē režīms tiek aktivizēts pēc noklusējuma.
  8. Automātiska JavaScript rediģēšanas rezultātu apkopošana tiešsaistē Playcode pakalpojumā

  9. Atvienojiet to, deaktivizējot attiecīgo pogu, kas atrodas iepriekš minētajā labajā pusē. Tad apkopošanai būs jādarbojas patstāvīgi, noklikšķinot uz ikonas ar trīsstūri.
  10. Atspējot JavaScript automātisko apkopošanu, izmantojot PlayCode tiešsaistes pakalpojumu

  11. Izmantojiet iebūvētos padomus, lai ātri izsauktu svarīgas komandas. Tas ir pietiekami, lai uzrakstītu tikai dažus burtus, un viss pārējais saturs tiks automātiski aizvietots. Tas pats attiecas uz pēdiņām vai kronšteiniem, kas tiek automātiski piestiprināti.
  12. Automātiska frāzes aizvietošana, rediģējot JavaScript, izmantojot tiešsaistes Taycode pakalpojumu

  13. Pa kreisi zem konsole tiek parādīts. Ja kodu apstrādes laikā notiek kādas kļūdas, nekavējoties tiks paziņots ar neprecizititiesmu analīzi.
  14. Konsoles apskate Kad rediģējat JavaScript, izmantojot tiešsaistes PlayCode pakalpojumu

  15. Pārslēgties starp JS, HTML un CSS failiem pa kreiso paneli.
  16. Pārslēgšanās starp dokumentiem, rediģējot JavaScript, izmantojot PlayCode tiešsaistes pakalpojumu

  17. Turklāt ir citas veidnes atskaņošanas kodā, kas parādīta vienkāršu skriptu vai pat spēļu veidā ar lietotāja mijiedarbību. Jūs varat doties uz tiem, noklikšķinot uz pogām pa labi.
  18. Dodieties uz skatīšanas JavaScript veidnes, izmantojot PlayCode tiešsaistes pakalpojumu

  19. Jūs uzreiz iepazīsieties ar rezultātu izejas un var manuāli rediģēt kodu, piemērojot to nākotnes projektā.
  20. Skatīt un pārvaldīt JavaScript veidnes, izmantojot tiešsaistes PlayCode Service

  21. Ja plānojat strādāt ar PlayCode un tad ieteicams izveidot jaunu kontu. Pēc tam būs pieejami saglabāšanas, izdevējdarbības un izplatīšanas rīki.
  22. JavaScript rediģēšanas projektu saglabāšana, izmantojot PlayCode tiešsaistes pakalpojumu

2. metode: JSFiddle

JSFiddle tiešsaistes pakalpojumam ir savas funkcijas: piemēram, lietotājs ir pieejams, lai savienotu tautas sistēmas, kā arī ātru slēdzi starp valodām, kas tiek izmantotas, lai rakstītu kodu.

Dodieties uz tiešsaistes pakalpojumu JSFiddle

  1. Reiz galvenajā JSFiddle lapā varat izvēlēties vienu no sagatavēm tālākai programmēšanai vai sākšanai rakstīt kodu no nulles.
  2. Veidnes izvēle Pirms rediģēšanas JavaScript, izmantojot JSFiddle tiešsaistes pakalpojumu

  3. JS Editor atrodas zemāk un, ja nepieciešams, jūs varat mainīt savu lielumu, pārvietojot reģiona sistēmu. Galvenā koda apstrāde tiek veikta šeit.
  4. JavaScript rediģēšana, izmantojot JSFiddle tiešsaistes pakalpojumu

  5. Ievadiet nolaižamo izvēlni, ja vēlaties pārslēgties uz vecās valodas versiju vai izvēlēties citu PJ.
  6. Valodas izvēle Lai rediģētu JavaScript, izmantojot JSFiddle tiešsaistes pakalpojumu

  7. Tajos augšējos divos blokus dalās ar HTML un CSS redaktoriem, mijiedarboties ar kuru jūs varat jebkurā laikā, vienkārši pārslēgties starp tiem.
  8. Darbs ar HTML un CSS, rediģējot JavaScript, izmantojot JSFiddle tiešsaistes pakalpojumu

  9. Lai pārbaudītu kodu, izmantojiet pogu "Run". Diemžēl reālā laika JSFiddle sastādīšana neatbalsta.
  10. Darbojas JavaScript apkopojums, izmantojot Online JSFiddle Service

  11. Mazajā konsoles logā parādīsies informācija par veiksmīgo apkopošanu vai informāciju par kļūdām, parādīsies šajā procesā.
  12. Konsoles rezultātu apskate, apkopojot JavaScript, izmantojot JSFiddle tiešsaistes pakalpojumu

  13. Pati rezultāts tiks atsaukts atsevišķā apgabalā virs konsoles.
  14. JavaScript apkopošanas rezultāts, izmantojot tiešsaistes pakalpojumu JSFiddle

  15. Ja vēlaties mainīt redaktora izskatu, izmantojiet nolaižamo izvēlni, konfigurējiet konsoles, rindu parametrus un tiešsaistes pakalpojumu uzvedību.
  16. JavaScript rediģēšanas iestatījumi, izmantojot JSFiddle tiešsaistes pakalpojumu

  17. Tajā pašā nolaižamajā izvēlnē, kas ir atbildīga par programmēšanas valodas izvēli, jūs varat izveidot sistēmu personiskiem mērķiem.
  18. Savienojuma sistēma rediģējot JavaScript, izmantojot JSFiddle tiešsaistes pakalpojumu

Ja vēlaties saglabāt projektu vai saņemt papildu redaktoru funkcijas, jums būs nepieciešams reģistrēties JSFiddle. Tālāk, izlasiet tarifu plānus un izvēlieties vienu no tiem, kad plānots izmantot tiešsaistes pakalpojuma iespējas pastāvīgi bez jebkādiem ierobežojumiem.

3. metode: Dirtymarkup

Visbeidzot, mēs vēlamies runāt par Dirtymarkup tiešsaistes redaktoru, kas ir ievērojami atšķirīgs no demontāžas augstāk, ka tas nav paredzēts rakstīt kodu no nulles, bet tiek izmantots, lai to normālu formatējumu automātiskajā režīmā.

Iet uz Dirtymarkup tiešsaistes pakalpojumu

  1. DIRGYMARKUP tīmekļa vietnē pārslēgties uz "JS" režīmu, noklikšķinot uz atbilstošās pogas.
  2. Dodieties uz izvēli JavaScript rediģēšanas valodu, izmantojot Dirgymark Online Service

  3. Tagad redaktors pats var ievietot visu kodu, kas ir formatēts.
  4. Satura ievietošana, lai rediģētu JavaScript, izmantojot DirtymarkSp tiešsaistes pakalpojumu

  5. Iestatiet cilni, līniju garumu, attēla iekavās un papildu parametrus, atzīmējot izvēles rūtiņas.
  6. JavaScript rediģēšanas satura konfigurēšana, izmantojot tiešsaistes DIRGYMARKP SERVICE

  7. Lietojiet rediģēšanas iestatījumus, noklikšķinot uz tīra.
  8. Sākot JavaScript rediģēšanu, izmantojot Dirtymarkp tiešsaistes pakalpojumu

Tas joprojām ir tikai kopēt saturu, kas iegūta pareizā formatē, lai to tālāk izmantotu attīstības vidē vai citā JavaScript tiešsaistes redaktorā.

Lasīt vairāk