Koade redakteuren online

Anonim

Koade redakteuren online

Net altyd, de programmeur hat in spesjale software by de hân wêrtroch it wurket mei de koade. As it barde dat it nedich is om de koade te bewurkjen, en de oerienkommende software is net by de hân, kinne jo fergees online tsjinsten brûke. Folgjende sille wy oer twa sokke siden en detail prate yn detail it prinsipe fan wurk yn har.

Bewurkje de online programma-koade

Sûnt d'r binne in grut oantal ferlykbere redakteuren en alles is net om te beskôgjen, besleaten wy allinich te konsintrearjen op twa ynternetboarnen dy't de meast populêr binne en de haadset fan needsaaklike ark binne.

Boppe, wy hawwe de basisfunksjes besjoen fan 'e Codepen Online Service. Sa't jo kinne sjen, is it net min foar net allinich om de koade te bewurkjen, mar skriuw it ek fanôfôf, en diel dan mei oare brûkers. It ienige neidiel fan 'e side is beheiningen yn' e fergese ferzje.

Metoade 2: Liveweave

No wol ik graach bliuwe op 'e liveweave Web Boarne. It hat net allinich ynboude koade-bewurker, mar ek oare ark dat wy hjirûnder sille petearje. Wurk begjint mei de side lykas dizze:

Gean nei webside fan Liveweave

  1. Folgje de keppeling hjirboppe om nei de side fan 'e redakaditaasje te kommen. Hjir sjogge jo fuortendaliks fjouwer finsters. De earste koade dy't skriuwt yn HTML5, yn 'e twadde - JavaScript, yn' e tredde - CSS, en it resultaat fan kompilaasje wurdt yn 'e fjirde werjûn.
  2. Fjouwer aktive finsters op 'e tsjinst foar liveweave

  3. Ien fan 'e funksjes fan dizze side kinne wurde beskôge as pop-up tips by it typen fan tags, se kinne jo de snelheid fan' e set ferheegje en flaters skriuwe.
  4. Tips werjaan op 'e tsjinst foar liveweave

  5. Standert plakfet kompilaasje yn live modus, dat is, it wurdt direkt ferwurke nei it meitsjen fan feroaringen.
  6. Foltôging yn echte tiid op 'e tsjinst foar liveweave

  7. As jo ​​dizze funksje wolle deaktivearje, moatte jo de Slider tsjinoer it fereaske item ferpleatse.
  8. Automatyske kompilaasje útskeakelje op 'e tsjinst foar liveweave

  9. Yn 'e buert is beskikber op en út' e nachtmodus.
  10. Skeakelje de nachtmodus út op 'e tsjinst foar liveweave

  11. Jo kinne trochgean mei it wurkjen mei CSS-controllers troch te klikken op de passende knop op 'e linkerpane.
  12. Gean nei de CSS-bewurker op 'e tsjinst foar livewevaan

  13. Yn it menu dat iepenet, wurdt de ynskripsje bewurke troch de sliders te ferpleatsen en bepaalde wearden te feroarjen.
  14. Bewurkje CSS op 'e tsjinst foar liveweave

  15. Folgjende riede wy oan om de oandacht te beteljen oan 'e Bepastant fan' e kleur.
  16. Gean nei de kolombrowser op 'e levering foar liveweave

  17. Jo leverje in wiidweidige palet wêr't jo elke skaad kinne kieze, en syn koade sil oan 'e boppekant ferskine, dy't letter wurdt brûkt by it skriuwen fan programma's mei de ynterface.
  18. Wurkje mei kleuren browser op 'e tsjinst foar liveweave

  19. Ferpleatse menu "Vector Editor".
  20. Gean nei de vector-bewurker op 'e tsjinst foar liveweave

  21. It wurket mei grafyske objekten, dy't ek nuttich sil wêze op it momint fan ûntwikkeljen fan software.
  22. Wurkje yn 'e Vector-bewurker op' e tsjinst foar liveweave

  23. Iepenje it Pop-Up-menu fan Tools. Hjir is te sjen sjabloan Laden, bewarje de HTML-bestân en tekstgennerator.
  24. Springe nei it opslaan op 'e tsjinst foar liveweave

  25. In projekt wurdt ynladen yn 'e foarm fan ien bestân.
  26. Iepen opslein dokumint fan service fan livewevaat

  27. As jo ​​wurk wolle opslaan, moatte jo earst moatte trochgean troch de registraasjeproseduere yn dizze online tsjinst.
  28. Bewarje it projekt op 'e tsjinst foar liveweave

No wite jo hoe't de koade wurdt bewurke op 'e webside Liveweave. Wy kinne har ynternetboarne feilich oanbefelje, om't it in protte funksjes en ark hat dy't jo tastean om it proses fan wurkjen te optimalisearjen en te ferienfâldigjen mei de programmakoade.

Op dit is ús artikel foltôge. Hjoed hawwe wy jo twa detaillearre ynstruksjes yntrodusearre foar it wurkjen mei de koade mei online tsjinsten. Wy hoopje dat dizze ynformaasje nuttich wie en holp om te besluten oer de kar fan 'e meast geskikte webboarne foar wurk.

Sjoch ek:

Selektearje programmearje omjouwing

Programma's foar it oanmeitsjen fan Android-applikaasjes

In programma kieze om in spultsje te meitsjen

Lês mear