Edición de códigos en liña

Pin
Send
Share
Send

Non sempre o programador ten a man un software especial a través do cal traballa co código. Se sucedeu que é preciso editar o código e non hai ningún software axeitado, pode utilizar servizos en liña gratuítos. A continuación, falaremos de dous sitios como estes e analizaremos en detalle o principio de traballo neles.

Edición do código do programa en liña

Dado que hai un gran número de tales editores e simplemente non se poden considerar, decidimos centrarnos só en dous recursos de Internet, que son os máis populares e representan o principal conxunto de ferramentas necesarias.

Lea tamén: Como escribir un programa en Java

Método 1: CodePen

Na páxina web CodePen, moitos desenvolvedores comparten os seus propios códigos, gardan e traballan con proxectos. Non hai nada complicado para crear a túa conta e comezar inmediatamente a escribir, pero isto faise así:

Vai a CodePen

  1. Abre a páxina principal do sitio web de CodePen usando a ligazón anterior e continúa para crear un novo perfil.
  2. Elixe un camiño de rexistro conveniente e, seguindo as instrucións dadas, crea a túa propia conta.
  3. Encha a información sobre a súa páxina.
  4. Agora podes subir as pestanas, ampliar o menú emerxente "Crear" e selecciona elemento "Proxecto".
  5. Na xanela da dereita verás os formatos de ficheiro soportados e as linguaxes de programación.
  6. Comece a edición elixindo un dos modelos ou marca estándar HTML5.
  7. Todas as bibliotecas e ficheiros creados mostraranse á esquerda.
  8. Facendo clic co botón esquerdo sobre un obxecto actíveo nunha xanela da dereita para amosar o código.
  9. Na parte inferior hai botóns para engadir os seus propios cartafoles e ficheiros.
  10. Despois de crear, nomee o obxecto e garde os cambios.
  11. En calquera momento, pode ir á configuración do proxecto facendo clic en LMB "Configuración".
  12. Aquí podes atopar información básica - nome, descrición, etiquetas, así como opcións para a vista previa e a sangría do código.
  13. Se non está satisfeito coa vista actual do espazo de traballo, pode cambiala facendo clic "Cambiar a vista" e seleccionando a vista desexada.
  14. Cando edite as liñas de código desexadas, faga clic en "Gardar todo + Executar"para gardar todos os cambios e executar o programa. O resultado compilado móstrase a continuación.
  15. Garda o proxecto no teu ordenador facendo clic en "Exportar".
  16. Agarde o procesamento para completar e descargar o arquivo.
  17. Dado que o usuario non pode ter máis dun proxecto activo na versión gratuíta de CodePen, necesitará eliminalo se precisa crear un novo. Para iso, fai clic en "Eliminar".
  18. Insira unha palabra de verificación e confirme a eliminación.

Por riba, examinamos as funcións básicas do servizo en liña CodePen. Como podes ver, non está mal non só editar o código, senón tamén escribilo dende cero e despois compartilo con outros usuarios. O único inconveniente do sitio son as restricións na versión gratuíta.

Método 2: LiveWeave

Agora gustaríame aproveitar no recurso web de LiveWeave. Contén non só un editor de códigos incorporado, senón tamén outras ferramentas das que falaremos a continuación. O traballo comeza co sitio así:

Vai ao sitio web de LiveWeave

  1. Siga a ligazón superior para chegar á páxina do editor. Aquí inmediatamente verá catro fiestras. O primeiro está escribindo código en HTML5, o segundo é JavaScript, o terceiro é CSS e o cuarto mostra o resultado da compilación.
  2. Unha das características deste sitio pode considerarse consellos para escribir etiquetas, poden aumentar a velocidade de escribir e evitar erros de ortografía.
  3. Por defecto, a compilación ten lugar en modo en directo, é dicir, procesase inmediatamente despois de realizar os cambios.
  4. Se desexa desactivar esta función, ten que mover o control deslizante fronte ao elemento desexado.
  5. Preto pode activar e desactivar o modo nocturno.
  6. Pode comezar a traballar cos controladores CSS facendo clic no botón correspondente no panel esquerdo.
  7. No menú que se abre, a inscrición edítase movendo os control deslizantes e cambiando certos valores.
  8. A continuación, recomendamos que preste atención á guía de cores.
  9. Ofrécese unha extensa paleta onde podes escoller calquera matiz, e na parte superior mostrarase o seu código, que despois será usado para escribir programas cunha interface.
  10. Mover ao menú "Editor de vectores".
  11. Funciona con obxectos gráficos, que ás veces tamén serán útiles durante o desenvolvemento de software.
  12. Abra o menú emerxente "Ferramentas". Aquí pode descargar o modelo, gardar o ficheiro HTML e o xerador de texto.
  13. O proxecto descárgase como un único ficheiro.
  14. Se desexa gardar traballo, primeiro tes que seguir o procedemento de rexistro neste servizo en liña.

Agora xa sabes como se edita o código no sitio web de LiveWeave. Podemos recomendar con seguridade este recurso de Internet, xa que ten moitas funcións e ferramentas que permiten optimizar e simplificar o proceso de traballo co código do programa.

Isto conclúe o noso artigo. Hoxe presentámosche dúas instrucións detalladas para traballar con código usando servizos en liña. Agardamos que esta información fose útil e axudase a determinar a elección do recurso web máis adecuado para o traballo.

Lea tamén:
Escolla dun ambiente de programación
Programas para crear aplicacións Android
Escolla un programa para crear un xogo

Pin
Send
Share
Send