Kodredigerare online

Anonim

Kodredigerare online

Inte alltid har programmeraren en speciell programvara till hands genom vilken den arbetar med koden. Om det hände att det är nödvändigt att redigera koden, och motsvarande programvara är inte till hands kan du använda gratis onlinetjänster. Därefter kommer vi att prata om två sådana webbplatser och detaljer i detalj principen om arbete i dem.

Redigera online-programkoden

Eftersom det finns ett stort antal liknande redaktörer och allt är enkelt att inte överväga, bestämde vi oss bara för att koncentrera oss på två internetresurser som är mest populära och representerar den huvudsakliga uppsättningen av nödvändiga verktyg.

Ovan har vi granskat de grundläggande funktionerna i Codepen Online Service. Som du kan se är det inte dåligt för att inte bara redigera koden, men skriver det också från början och dela sedan med andra användare. Den enda nackdelen med webbplatsen är begränsningar i den fria versionen.

Metod 2: LiveWeave

Nu vill jag stanna på LiveWeave Web Resource. Det har inte bara inbyggd kodredigerare, men också andra verktyg som vi kommer att prata nedan. Arbetet börjar med webbplatsen så här:

Gå till LiveWeave hemsida

  1. Följ länken ovan för att komma till redigeringsplatsen. Här ser du omedelbart fyra fönster. Den första koden skriver i HTML5, i det andra - JavaScript, i tredje CSS, och resultatet av kompilering visas i fjärde.
  2. Fyra aktiva fönster på LiveWeave-tjänsten

  3. En av funktionerna på den här webbplatsen kan betraktas som popup-tips när du skriver taggar, de låter dig öka hastigheten på uppsättningen och undvika fel.
  4. Visa tips om LiveWeave-tjänsten

  5. Som standard uppstår kompilering i live-läge, det vill säga det bearbetas omedelbart efter att ha gjort ändringar.
  6. Slutförande i realtid på LiveWeave-tjänsten

  7. Om du vill avaktivera den här funktionen måste du flytta skjutreglaget mitt emot det önskade objektet.
  8. Inaktivera automatisk kompilering på LiveWeave-tjänsten

  9. I närheten finns på och av nattläget.
  10. Stäng av nattläget på LiveWeave-tjänsten

  11. Du kan fortsätta arbeta med CSS-kontroller genom att klicka på lämplig knapp på den vänstra rutan.
  12. Gå till CSS Editor på LiveWeave-tjänsten

  13. I menyn som öppnas, redigeras inskriptionen genom att flytta reglagen och ändra vissa värden.
  14. Redigera CSS på LiveWeave-tjänsten

  15. Därefter rekommenderar vi att du uppmärksammar färgbestämmelsen.
  16. Gå till kolumnens webbläsare på LiveWeave-tjänsten

  17. Du har en omfattande palett där du kan välja vilken nyans som helst, och dess kod visas högst upp, vilket senare används när du skriver program med gränssnittet.
  18. Arbeta med Färger Browser på LiveWeave-tjänsten

  19. Flytta i menyn "Vector Editor".
  20. Gå till Vector Editor på LiveWeave-tjänsten

  21. Det arbetar med grafiska föremål, vilket också kommer att vara användbart vid tidpunkten för att utveckla programvara.
  22. Arbeta i vektorredigeraren på LiveWeave-tjänsten

  23. Öppna popup-menyn Verktyg. Här är tillgänglig Mall Laddar, spara HTML-filen och textgeneratorn.
  24. Hoppa för att spara på LiveWeave-tjänsten

  25. Ett projekt hämtas i form av en fil.
  26. Öppna sparade dokument från LiveWeave Service

  27. Om du vill spara arbete måste du först gå igenom registreringsproceduren i den här onlinetjänsten.
  28. Spara projektet på LiveWeave-tjänsten

Nu vet du hur koden är redigerad på LiveWeave-webbplatsen. Vi kan säkert rekommendera att använda den här internetresursen, eftersom den har många funktioner och verktyg som låter dig optimera och förenkla processen med att arbeta med programkoden.

På detta är vår artikel klar. Idag har vi introducerat dig två detaljerade anvisningar för att arbeta med koden med hjälp av onlinetjänster. Vi hoppas att denna information var användbar och hjälpte till att bestämma valet av den mest lämpliga webbresursen för arbete.

Se även:

Välj programmeringsmiljö

Program för att skapa Android-applikationer

Välja ett program för att skapa ett spel

Läs mer