1

🔥¿Cómo Dominar VIM y WSL para Crear y Visualizar tu Primer Archivo HTML en Chrome? 🔥

¡Bienvenido a mi tutorial! 🚀


Aquí te dejo un tutorial de 10 pasos para instalar VIM en Windows Subsystem for Linux (WSL), crear un archivo HTML y abrirlo en Chrome:

  1. Abrir la terminal de WSL: Puedes abrir la terminal de WSL haciendo clic en el botón de inicio de Windows, escribiendo “WSL” y seleccionando la opción que aparece.

  2. Actualizar la lista de paquetes: Antes de instalar cualquier software, es una buena práctica actualizar la lista de paquetes disponibles. Puedes hacerlo con el comando:

sudo apt update
  1. Instalar VIM: Ahora puedes instalar VIM usando el comando apt:
sudo apt install vim
  1. Confirmar la instalación de VIM: Para confirmar que VIM se ha instalado correctamente, puedes abrirlo con el comando vim. Deberías ver la pantalla de inicio de VIM. Puedes salir de VIM presionando :q y luego Enter.

  2. Crear un archivo HTML: Ahora, vamos a crear un archivo HTML. Puedes hacerlo con el comando vim seguido del nombre del archivo que deseas crear. Por ejemplo, para crear un archivo llamado index.html, usarías el comando:

vim index.html


6. Escribir en el archivo HTML: Ahora estás en VIM. Para comenzar a escribir, presiona i para entrar en el modo de inserción. Luego puedes escribir tu código HTML. Por ejemplo:

<!DOCTYPE html><html><head><title>Página de Prueba</title></head><body><h1>¡Hola, mundo!</h1></body></html>

Cuando hayas terminado de escribir, presiona Esc para salir del modo de inserción.

  1. Guardar y salir del archivo HTML: Para guardar tus cambios y salir de VIM, escribe :wq y luego presiona Enter.
  2. Instalar el servidor web ligero Python3: Para poder abrir tu archivo HTML en Chrome, necesitarás un servidor web. Un servidor web ligero y fácil de usar es el que viene con Python3. Puedes instalarlo con el comando:
sudo apt install python3
  1. Iniciar el servidor web: Ahora puedes iniciar el servidor web con el comando:
python3 -m http.server


Por defecto, esto iniciará el servidor en el puerto 8000.

  1. Abrir el archivo HTML en Chrome: Por último, puedes abrir tu archivo HTML en Chrome. Abre Chrome e ingresa la siguiente dirección en la barra de direcciones: http://localhost:8000/index.html

¡Y eso es todo! Ahora deberías ser capaz de ver tu archivo HTML en Chrome.

Escribe tu comentario
+ 2