O programador non sempre ten un software especial a través do cal traballa co código. Se acontece que precisa editar o código e o software correspondente non está á man, pode utilizar os servizos en liña gratuítos. Ademais contaremos dous sitios como estes e analizaremos en detalle o principio de traballo neles.
Edición en liña do código do programa
Como hai un gran número de editores e simplemente non os consideramos todos, decidimos centrarnos só nos dous recursos en liña que son os máis populares e representan o conxunto básico de ferramentas necesarias.
Vexa tamén: Como escribir un programa Java
Método 1: CodePen
No sitio CodePen, moitos desenvolvedores comparten os seus propios códigos, gardan e traballan con proxectos. Non hai nada difícil de crear a túa conta e comezar a escribir inmediatamente, pero isto faise así:
Ir ao sitio web de CodePen
- Abra a páxina principal do sitio CodePen usando a ligazón anterior e continúe coa creación dun novo perfil.
- Escolle un xeito cómodo de rexistrar e, seguindo as instrucións dadas, crea a túa propia conta.
- Encha a información da túa páxina.
- Agora podes subir a pestana, expandir o menú emerxente. "Crear" e elixe un elemento "Proxecto".
- Na xanela á dereita verá os formatos de ficheiros e linguaxes de programación soportados.
- Comece a edición seleccionando un dos modelos ou marcas HTML5 estándar.
- Todas as bibliotecas e ficheiros creados aparecerán á esquerda.
- Se fai clic co botón esquerdo do rato sobre un obxecto, o código móstrase na ventá da dereita.
- Na parte inferior hai botóns que che permiten engadir os seus propios cartafoles e ficheiros.
- Despois da creación, dálle un nome ao obxecto e garda os cambios.
- En calquera momento pode ir á configuración do proxecto premendo no botón "Configuración".
- Aquí pode definir a información básica: o nome, a descrición, as etiquetas, así como os parámetros da previsualización e a sangría de código.
- Se non está satisfeito coa vista actual do espazo de traballo, pode cambialo premendo en "Cambiar vista" e selecciona a fiestra de visualización desexada.
- Cando edite as liñas de código necesarias, faga clic en "Gardar todo + Executar"para gardar todos os cambios e executar o programa. Abaixo amósase o resultado compilado.
- Garda o proxecto no teu ordenador premendo "Exportar".
- Agarde ata que finalice o procesamento e descargue o arquivo.
- Xa que o usuario non pode ter máis dun proxecto activo na versión gratuíta de CodePen, deberá eliminar se precisa crear un novo. Para facelo, faga clic en "Eliminar".
- Introduza a palabra de verificación e confirme a eliminación.
Enriba revisamos as funcións básicas do servizo en liña CodePen. Como podes ver, está ben adaptado non só para editar o código, senón tamén para escribilo desde cero e logo compartilo con outros usuarios. A única desvantaxe do sitio son as restricións na versión gratuita.
Método 2: LiveWeave
Agora gustaríame habitar no recurso web de LiveWeave. Contén non só o editor de código incorporado, senón tamén outras ferramentas que discutiremos a continuación. O traballo co sitio comeza así:
Ir ao sitio web de LiveWeave
- Siga a ligazón anterior para acceder á páxina do editor. Aquí verás de inmediato catro fiestras. O primeiro é escribir código en HTML5, o segundo é JavaScript, o terceiro é CSS, eo cuarto mostra o resultado da compilación.
- Unha das características deste sitio pode considerarse como consellos cando se escribe etiquetas, permítenche aumentar a velocidade de dixitación e evitar erros de ortografía.
- Por defecto, a compilación ten lugar en modo en directo, é dicir, procesada inmediatamente despois de facer cambios.
- Se desexas desactivar esta función, tes que mover o control deslizante fronte ao elemento desexado.
- Preto dispoñible en e fóra do modo nocturno.
- Pode ir a traballar con controladores CSS facendo clic no botón correspondente no panel da esquerda.
- No menú que se abre, edítase a etiqueta movendo os controles deslizantes e cambiando algúns valores.
- A continuación, recomendamos prestar atención ao determinante das cores.
- Disponse dunha paleta extensa onde podes elixir calquera sombra e o seu código aparecerá na parte superior, que posteriormente se usa cando se escriben programas cunha interface.
- Mova ao menú "Editor de vectores".
- Funciona con obxectos gráficos, que ás veces tamén serán útiles durante o desenvolvemento de software.
- Abra o menú emerxente "Ferramentas". Aquí pode descargar o modelo, gardar o ficheiro HTML e xerador de texto.
- O proxecto descárgase como un único ficheiro.
- Se queres aforrar traballo, primeiro terás que facer o proceso de rexistro neste servizo en liña.
Agora xa sabes como editar o código en LiveWeave. Podemos recomendar de forma segura o uso deste recurso de Internet, xa que nel hai 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 fornecémosche dúas instrucións detalladas para traballar co 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.
Vexa tamén:
Elixir un ambiente de programación
Programas para crear aplicacións Android
Elixe un programa para crear un xogo
