-Kode redakteurs aanlyn

Anonim

-Kode redakteurs aanlyn

Nie altyd nie, die programmeerder het 'n spesiale sagteware byderhand waardeur dit werk met die kode. As dit gebeur het dat dit nodig is om die kode te wysig, en die ooreenstemmende sagteware is nie op hande, kan jy gebruik gratis aanlyn-dienste. Volgende, sal ons praat oor twee sulke webwerwe en detail in detail die beginsel van die werk in hulle.

Wysig die aanlyn program kode

Aangesien daar 'n groot aantal soortgelyke redakteurs en alles is eenvoudig nie om te oorweeg, het ons besluit om net op twee Internet hulpbronne wat is die gewildste konsentreer en verteenwoordig die grootste versameling van die nodige gereedskap.

Bo, het ons hersien die basiese funksies van die Codepen aanlyn diens. Soos jy kan sien, dit is nie sleg vir nie net om wysig die kode nie, maar ook skryf dit van nuuts af, en dan deel met ander gebruikers. Die enigste nadeel van die webwerf is beperkings in die gratis weergawe.

Metode 2: LiveWeave

Nou wil ek graag om te bly op die LiveWeave web hulpbron. Dit het nie net 'n ingeboude kode redakteur, maar ook ander instrumente wat ons hieronder sal praat. Werk begin met die site soos hierdie:

Gaan na LiveWeave webwerf

  1. Volg die skakel hierbo om die redakteur bladsy te kry. Hier kan jy sien dadelik vier vensters. Die eerste-kode skryf in HTML5, in die tweede - JavaScript, in die derde - CSS, en die resultaat van samestelling word in die vierde.
  2. Vier aktiewe vensters op die LiveWeave diens

  3. Een van die funksies van hierdie webwerf kan beskou word as pop-up wenke wanneer tik tags, hulle toelaat om die spoed van die stel en vermy foute op skrif te verhoog.
  4. Vertoning Wenke oor die LiveWeave diens

  5. By verstek, samestelling voorkom in Live modus, dit is, is dit onmiddellik verwerk nadat veranderinge.
  6. Voltooiing in reële tyd op die LiveWeave diens

  7. As jy wil hierdie funksie te deaktiveer, moet jy die schuifbalk teenoor die vereiste item beweeg.
  8. Skakel outomatiese samestelling op die LiveWeave diens

  9. Naby is beskikbaar op en af ​​van die nag af.
  10. Skakel die nag af op die LiveWeave diens

  11. Jy kan voortgaan om te werk met CSS beheerders deur te kliek op die toepaslike knoppie op die linker venster.
  12. Gaan na die CSS redakteur op die LiveWeave diens

  13. In die spyskaart wat oopmaak, is die inskripsie geredigeer deur die verskuiwing van die sliders en verandering sekere waardes.
  14. CSS wysig op die LiveWeave diens

  15. Volgende, raai ons aandag te skenk aan die kleur determinant.
  16. Gaan na die kolom leser op die LiveWeave diens

  17. Jy verskaf 'n uitgebreide palet waar jy enige skaduwee kan kies, en sy kode sal verskyn aan die bokant, wat later gebruik word tydens die skryf van programme met die koppelvlak.
  18. Werk met kleure leser op die LiveWeave diens

  19. Beweeg in die menu "Vector Editor".
  20. Gaan na die vektorredakteur op die LiveWeave-diens

  21. Dit werk met grafiese voorwerpe, wat ook nuttig sal wees ten tyde van die ontwikkeling van sagteware.
  22. Werk in die vektorredakteur op die LiveWeave-diens

  23. Open die Tools pop-up menu. Hier is beskikbare sjabloon laai, stoor die HTML-lêer- en teksgenerator.
  24. Spring om te spaar op die LiveWeave-diens

  25. 'N Projek word afgelaai in die vorm van een lêer.
  26. Open gestoorde dokument van LiveWeave Service

  27. As u werk wil spaar, moet u eers die registrasieprosedure in hierdie aanlyndiens deurgaan.
  28. Stoor die projek op die LiveWeave-diens

Nou weet jy hoe die kode op die LiveWeave-webwerf geredigeer word. Ons kan veilig aanbeveel om hierdie internetbron te gebruik, aangesien dit baie funksies en gereedskap het wat u toelaat om die proses van werk met die programkode te optimaliseer en te vereenvoudig.

Hierop is ons artikel voltooi. Vandag het ons u twee gedetailleerde instruksies vir die werk met die kode gebruik met die gebruik van aanlyndienste. Ons hoop dat hierdie inligting nuttig is en gehelp het om te besluit oor die keuse van die mees geskikte webbron vir werk.

Sien ook:

Kies Programmeringsomgewing

Programme vir die skep van Android-toepassings

Kies 'n program om 'n speletjie te skep

Lees meer