Editores de código en línea

Anonim

Editores de código en línea

No siempre, el programador tiene un software especial a mano a través del cual funciona con el código. Si sucedió que es necesario editar el código, y el software correspondiente no está a la mano, puede usar servicios en línea gratuitos. A continuación, hablaremos de dos de estos sitios y detalle en detalle el principio de trabajo en ellos.

Editar el código de programa en línea

Dado que hay un gran número de editores similares y todo es simple de no considerar, decidimos concentrarnos solo en dos recursos de Internet que son los más populares y representan el conjunto principal de herramientas necesarias.

Arriba, revisamos las funciones básicas del servicio en línea de Codepen. Como puede ver, no es malo para no solo editar el código, sino que también lo escriba desde cero, y luego comparta con otros usuarios. La única desventaja del sitio es restricciones en la versión gratuita.

Método 2: LiveWeave

Ahora me gustaría permanecer en el recurso web de LiveWeave. No solo ha sido editor de código incorporado, sino también otras herramientas que hablaremos a continuación. El trabajo comienza con el sitio como este:

Ir al sitio web de LiveWeave

  1. Siga el enlace de arriba para llegar a la página del editor. Aquí usted ve de inmediato cuatro ventanas. El primer código de código en HTML5, en el segundo javascript, en la tercera CSS, y el resultado de la compilación se muestra en el cuarto.
  2. Cuatro ventanas activas en el servicio de LiveWeave

  3. Una de las características de este sitio se puede considerar consejos emergentes al escribir etiquetas, le permiten aumentar la velocidad del conjunto y evitar errores por escrito.
  4. Consejos de visualización en el servicio de LiveWeave

  5. De forma predeterminada, la compilación ocurre en modo en vivo, es decir, se procesa inmediatamente después de realizar cambios.
  6. Finalización en tiempo real en el servicio de LiveWeave

  7. Si desea desactivar esta función, debe mover el control deslizante frente al elemento requerido.
  8. Deshabilitar la compilación automática en el servicio de LiveWeave

  9. Cerca está disponible dentro y fuera del modo de noche.
  10. Apague el modo de noche en el servicio de LiveWeave

  11. Puede proceder a trabajar con los controladores CSS haciendo clic en el botón apropiado en el panel izquierdo.
  12. Ir al editor CSS en el servicio de LiveWeave

  13. En el menú que se abre, la inscripción se edita moviendo los deslizadores y cambie ciertos valores.
  14. Editar CSS en el servicio de LiveWeave

  15. A continuación, recomendamos prestar atención al determinante del color.
  16. Ir al navegador de la columna en el servicio de LiveWeave

  17. Usted proporciona una paleta extensa donde puede elegir cualquier sombra, y su código aparecerá en la parte superior, que luego se usa al escribir programas con la interfaz.
  18. Trabajando con el navegador de colores en el servicio de LiveWeave

  19. Muévete en el menú "Vector Editor".
  20. Ir al editor de vectores en el servicio de LiveWeave

  21. Está trabajando con objetos gráficos, que también serán útiles en el momento del desarrollo de software.
  22. Trabaja en el editor de vectores en el servicio de LiveWeave.

  23. Abra el menú emergente Herramientas. Aquí está la carga de plantillas disponible, guarde el archivo HTML y el generador de texto.
  24. Saltar a ahorrar en el servicio de LiveWeave

  25. Un proyecto se descarga en forma de un archivo.
  26. Documento abierto guardado de LiveWeave Service

  27. Si desea guardar trabajo, primero tendrá que pasar por el procedimiento de registro en este servicio en línea.
  28. Guarda el proyecto en el servicio de LiveWeave

Ahora sabes cómo se edita el código en el sitio web de LiveWeave. Podemos recomendar con seguridad utilizando este recurso de Internet, ya que tiene muchas características y herramientas que le permiten optimizar y simplificar el proceso de trabajo con el código del programa.

En esto, nuestro artículo se completa. Hoy hemos presentado dos instrucciones detalladas para trabajar con el código utilizando servicios en línea. Esperamos que esta información sea útil y ayude a decidir la elección del recurso web más adecuado para el trabajo.

Ver también:

Seleccionar entorno de programación

Programas para crear aplicaciones Android.

Elegir un programa para crear un juego.

Lee mas