Editor di codice online

Anonim

Editor di codice online

Non sempre, il programmatore ha un software speciale a portata di mano attraverso il quale funziona con il codice. Se è successo che è necessario modificare il codice e il software corrispondente non è a portata di mano, è possibile utilizzare servizi online gratuiti. Successivamente, parleremo di due siti di questi siti e dettagli in dettaglio il principio del lavoro in loro.

Modifica il codice del programma online

Poiché ci sono un gran numero di editori simili e tutto è semplice da considerare, abbiamo deciso di concentrarci solo su due risorse Internet che sono le più popolari e rappresentano il set principale degli strumenti necessari.

Sopra, abbiamo esaminato le funzioni di base del servizio online Codepen. Come puoi vedere, non è male per non solo modificare il codice, ma anche scriverlo da zero, quindi condividere con altri utenti. L'unico svantaggio del sito è restrizioni nella versione gratuita.

Metodo 2: Liveweave

Ora vorrei rimanere sulla risorsa web di Liveweave. Non ha solo editor di codice incorporato, ma anche altri strumenti che parleremo di seguito. Il lavoro inizia con il sito come questo:

Vai al sito web di Liveweave

  1. Segui il link sopra per arrivare alla pagina dell'editor. Qui vedi immediatamente quattro finestre. Il primo codice che scrive in HTML5, nel secondo - JavaScript, nel terzo css e il risultato della compilazione è mostrato nel quarto.
  2. Quattro finestre attive sul servizio di LiveWeave

  3. Una delle caratteristiche di questo sito può essere considerata consigli pop-up durante la digitazione dei tag, consentono di aumentare la velocità del set ed evitare errori per iscritto.
  4. Visualizzazioni del display sul servizio di LiveWeave

  5. Per impostazione predefinita, la compilazione si verifica in modalità live, cioè, viene elaborata immediatamente dopo aver apportato modifiche.
  6. Completamento in tempo reale sul servizio di LiveWeave

  7. Se si desidera disattivare questa funzione, è necessario spostare il cursore di fronte all'elemento richiesto.
  8. Disabilita la compilazione automatica sul servizio di LiveWeave

  9. Nelle vicinanze è disponibile e fuori dalla modalità notturna.
  10. Spegni la modalità notturna sul servizio LiveWeave

  11. È possibile procedere a lavorare con i controller CSS facendo clic sul pulsante appropriato sul riquadro sinistro.
  12. Vai all'editor CSS sul servizio Liveweave

  13. Nel menu che si apre, l'iscrizione è modificata spostando i cursori e cambia determinati valori.
  14. Modifica CSS sul servizio LiveWeave

  15. Successivamente, consigliamo di prestare attenzione al determinante del colore.
  16. Vai al browser della colonna sul servizio di LiveWeave

  17. Si fornisce una vasta gamma dove è possibile scegliere qualsiasi ombra e il suo codice apparirà in alto, che viene successivamente utilizzato durante la scrittura di programmi con l'interfaccia.
  18. Lavorare con i colori Browser sul servizio di LiveWeave

  19. Sposta nel menu "Vector Editor".
  20. Vai all'editor vettoriale sul servizio di LiveWeave

  21. Sta lavorando con oggetti grafici, che saranno anche utili al momento del software di sviluppo.
  22. Lavora nell'editor vettoriale sul servizio di LiveWeave

  23. Aprire il menu a comparsa Strumenti. Qui è disponibile il caricamento del modello, salvare il file HTML e il generatore di testo.
  24. Vai al salvataggio sul servizio di LiveWeave

  25. Un progetto viene scaricato sotto forma di un file.
  26. Documento salvato aperto dal servizio di LiveWeave

  27. Se vuoi salvare il lavoro, dovrai prima passare attraverso la procedura di registrazione in questo servizio online.
  28. Salva il progetto sul servizio di LiveWeave

Ora sai come il codice è modificato sul sito web di LiveWeave. Siamo in grado di consigliare in modo sicuro l'utilizzo di questa risorsa Internet, poiché ha molte funzionalità e strumenti che consentono di ottimizzare e semplificare il processo di lavoro con il codice del programma.

Su questo, il nostro articolo è completato. Oggi ti abbiamo introdotto due istruzioni dettagliate per lavorare con il codice utilizzando i servizi online. Speriamo che queste informazioni siano state utili e aiutassero a decidere sulla scelta della risorsa web più adatta per il lavoro.

Guarda anche:

Seleziona l'ambiente di programmazione

Programmi per la creazione di applicazioni Android

Scegliere un programma per creare un gioco

Leggi di più