¿Buscas una forma de programar desde prácticamente cualquier lugar sin la molestia de cargar con tu portátil? Considera usar code-server, una robusta aplicación autoalojada que lleva toda la potencia de Visual Studio Code directamente a tu navegador web. Al configurar code-server en el servidor de tu laboratorio doméstico, puedes disfrutar de una experiencia de desarrollo fluida que garantiza la accesibilidad y el control de tu código y datos, eliminando la necesidad de IDEs en la nube de terceros.
Entendiendo Code-Server y los beneficios del autohospedaje
Code-server opera VS Code en un servidor remoto, lo que permite acceder a él desde cualquier navegador web. Su funcionalidad es idéntica a la de la versión de escritorio, con funciones como autocompletado, depuración, integración con Git y diversas extensiones. Esta configuración es especialmente ventajosa para dispositivos de bajo consumo, como tabletas y Chromebooks, ya que todas las tareas computacionales se realizan en el servidor, manteniendo un entorno consistente y accesible desde cualquier ubicación.
El autohospedaje de esta aplicación ofrece varias ventajas clave: obtiene un control incomparable sobre su entorno de desarrollo, mayor privacidad y la flexibilidad de personalizar varias funciones, incluido el uso de un dominio personal, la habilitación de HTTPS y la administración del acceso de los usuarios mientras escala los recursos informáticos según sea necesario.
¡Para comenzar, consulte esta práctica hoja de trucos!
Instalación de Code-Server en Linux
La configuración del servidor de códigos es sencilla cuando se utiliza Docker para el proceso de instalación.
Primero, descargue la imagen oficial del servidor de códigos desde Docker Hub con el siguiente comando:
sudo docker pull codercom/code-server
Este comando garantiza que tenga la última versión de la imagen del servidor de código almacenada localmente antes de continuar con la creación del contenedor.
A continuación, inicie un nuevo contenedor de servidor de código en segundo plano ejecutando un comando que especifique una contraseña única y garantice un almacenamiento persistente:
sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server
Una vez configurado el servidor de código, acceda a él a través de su navegador web ingresando http://localhost:8443. Ingrese la contraseña establecida durante el docker runcomando y haga clic en «Enviar» para iniciar sesión.
Introducción a Code Server
Al iniciar sesión, verá una interfaz muy similar a la versión de escritorio de VS Code. Aquí tiene un breve resumen de los componentes clave que encontrará:
Explorador de archivos
El Explorador de archivos te permite navegar fácilmente por tus proyectos. Puedes explorar carpetas, abrir archivos, crear nuevos y administrar la estructura de tu proyecto fácilmente.
Editor
El área central es el Editor, donde realizarás la mayor parte de tu trabajo. Al abrir archivos, se muestran aquí para escribir y formatear código, tal como lo harías en la versión de escritorio de VS Code.
Terminal
La Terminal se encuentra convenientemente ubicada en la parte inferior del servidor de códigos. Puedes abrirla desde el menú superior seleccionando «Terminal» y luego «Nueva Terminal», o usar el atajo de teclado Ctrl+ `. También puedes acceder rápidamente a la terminal presionando Ctrl+ Shift+ C.
Extensiones
Las extensiones son lo que hace que VS Code sea tan potente. En la pestaña Extensiones (ubicada en la barra lateral), puedes buscar, instalar y administrar extensiones de VS Code, incluyendo linters, temas y diversas herramientas de compatibilidad con idiomas.
Busque cualquier extensión utilizando la barra de búsqueda para instalarla y activarla rápidamente, mejorando las capacidades de su entorno de desarrollo.
Personalización de su IDE basado en navegador
Para personalizar la apariencia de su IDE, como cambiar el tema, haga clic en el ícono de engranaje ubicado en la esquina inferior izquierda, pase el cursor sobre “Temas” y seleccione “Tema de color” en el menú desplegable:
Se mostrará una lista de temas disponibles, que le permitirá obtener una vista previa y aplicar su opción deseada.
Además, puedes instalar fácilmente cualquier tema preferido desde la pestaña Extensiones, activándolo inmediatamente.
Además, puedes personalizar otras opciones haciendo clic en el icono del engranaje y seleccionando «Configuración». Aquí puedes modificar el comportamiento del editor, el tamaño de fuente, los formatos y mucho más.
Creación y ejecución de su primer programa en Code-Server
Para crear un nuevo archivo, utilice el panel del Explorador o use el atajo de teclado Ctrl+ Alt+ N:
Seleccione un lenguaje de programación haciendo clic en Seleccionar un idioma o usando el acceso directo Ctrl+ K, luego M, y elija el lenguaje deseado, como Python.
Pegue el siguiente código en el editor para imprimir “Bienvenido a maketecheasier.com” tres veces:
for i in range(3): print("Welcome to maketecheasier.com")
Antes de ejecutar este programa, asegúrese de que Python esté instalado en su servidor. Guarde el archivo presionando Ctrl+ S, asígnele un nombre adecuado y haga clic en Aceptar.
Para ejecutar el script de Python, abra la terminal con Ctrl+ `y ejecute el siguiente comando:
python3 mteExample.py
Con el servidor de código funcionando correctamente en su sistema Linux, ahora disfruta de las ventajas del desarrollo basado en navegador. Puede personalizar su entorno con temas y extensiones, ejecutar código en varios lenguajes de programación y proteger el acceso mediante un dominio personalizado y HTTPS. Como siguiente paso, considere mejorar su configuración explorando los flujos de trabajo de Git, habilitando SSL para producción o integrando herramientas web adicionales como JupyterLab, Docker o Portainer para ampliar las capacidades de su laboratorio doméstico.
Deja una respuesta