CODE-editors online

Anonim

CODE-editors online

Niet altijd, de programmeur heeft een speciale software bij de hand waardoor het met de code werkt. Als het gebeurde dat het nodig is om de code te bewerken, en de bijbehorende software is niet bij de hand, kunt u gratis online services gebruiken. Vervolgens praten we over twee dergelijke sites en detail in detail het beginsel van werk in hen.

Bewerk de online programmacode

Aangezien er een groot aantal vergelijkbare editors zijn en alles eenvoudig niet te overwegen, hebben we besloten om zich alleen te concentreren op twee internetbronnen die het populairst zijn en de hoofdset van noodzakelijke hulpmiddelen vertegenwoordigen.

Hierboven hebben we de basisfuncties van de CODEPEN Online-service beoordeeld. Zoals je kunt zien, is het niet slecht om niet alleen de code te bewerken, maar het ook helemaal opnieuw schrijven, en dan delen met andere gebruikers. Het enige nadeel van de site is beperkingen in de gratis versie.

Methode 2: LiveWeave

Nu zou ik graag op de Web Resource Liveweave willen blijven. Het heeft niet alleen ingebouwde codeeditor, maar ook andere hulpmiddelen die we hieronder zullen praten. Werk begint met de site als volgt:

Ga naar de website van Liveweave

  1. Volg de bovenstaande link om naar de editor-pagina te gaan. Hier zie je meteen vier ramen. De eerste code die in HTML5 schrijft, in het tweede JavaScript, in de derde CSS en het resultaat van compilatie wordt getoond in de vierde.
  2. Vier actieve ramen op de LiveWeave-service

  3. Een van de functies van deze site kan worden beschouwd als pop-uptips bij het typen van tags, waarmee u de snelheid van de set verhoogt en fouten schriftelijk vermijdt.
  4. Tips weergeven op de Liveweav-service

  5. Standaard gebeurt compilatie in de live-modus, dat wil zeggen, het wordt onmiddellijk verwerkt na het aanbrengen van wijzigingen.
  6. Voltooiing in realtime op de LiveWeave-service

  7. Als u deze functie wilt deactiveren, moet u de schuifregelaar tegenover het vereiste artikel verplaatsen.
  8. Schakel automatische compilatie op de Liveweav-service uit

  9. In de omgeving is beschikbaar in en uit de nachtmodus.
  10. Schakel de nachtmodus uit op de LiveWeave-service

  11. U kunt doorgaan met CSS-controllers door op de juiste knop in het linkerdeelvenster te klikken.
  12. Ga naar de CSS-editor op de service van Liveweave

  13. In het menu dat wordt geopend, wordt de inscriptie bewerkt door de schuifregelaars te verplaatsen en bepaalde waarden te wijzigen.
  14. Bewerk CSS op de LiveWeave-service

  15. Vervolgens raden we aan aandacht te schenken aan de beperking van de kleur.
  16. Ga naar de kolombrowser op de LiveWeave-service

  17. U biedt een uitgebreid palet waar u elke schaduw kunt kiezen, en de code verschijnt bovenaan, die later wordt gebruikt bij het schrijven van programma's met de interface.
  18. Werken met kleurenbrowser op de Liveweave-service

  19. Verplaats in het menu "Vectoreditor".
  20. Ga naar de vectoreditor op de LiveWeave-service

  21. Het werkt met grafische objecten, die ook handig zijn op het moment van ontwikkelen van software.
  22. Werk in de vectoreditor op de LiveWeave-service

  23. Open het pop-upmenu Tools. Hier is beschikbaar sjabloon laden, sla het HTML-bestand en de tekstgenerator op.
  24. Spring naar opslaan op de Liveweave-service

  25. Een project wordt gedownload in de vorm van één bestand.
  26. Open het opgeslagen document van LiveWEAVE SERVICE

  27. Als u werk wilt opslaan, zult u eerst de registratieprocedure in deze online service moeten doorlopen.
  28. Sla het project op de service van Liveweave

Nu weet u hoe de code wordt bewerkt op de website van LiveWeave. We kunnen het veilig aanbevelen om deze internetresource te gebruiken, omdat het veel functies en gereedschappen heeft waarmee u het proces van het werken met de programmacode kunt optimaliseren en vereenvoudigen.

Hierover is ons artikel voltooid. Vandaag hebben we u twee gedetailleerde instructies voor het werken met de code met behulp van online services geïntroduceerd. We hopen dat deze informatie nuttig was en heeft geholpen om te beslissen over de keuze van de meest geschikte webresource voor werk.

Zie ook:

Selecteer de programmeeromgeving

Programma's voor het maken van Android-toepassingen

Een programma kiezen om een ​​spel te maken

Lees verder