Se recomienda altamente instalar el editor de texto Visual Studio Code (VSCode) para poder editar archivos y programar de una manera cómoda.
Instalación
En Windows
Ve al sitio oficial y descarga el archivo con extensión .exe: https://code.visualstudio.com
Si usas WSL, instala VSCode en Windows
No lo instales dentro de Ubuntu. VSCode se instala en Windows y se conecta a WSL mediante la extensión WSL (Microsoft). Así editas archivos de Linux con la interfaz gráfica de Windows y la terminal integrada te abre directamente Ubuntu.
Con esa extensión instalada, desde la terminal de Ubuntu basta con escribir
code .dentro de una carpeta para abrirla en VSCode.
En Linux
Descarga desde la página oficial el mismo archivo, pero con extensión .deb, y
desde la terminal:
- Abre la terminal.
- Ve a la carpeta donde está el archivo descargado.
- Ejecuta:
sudo apt install ./<nombre-del-archivo-descargado>.deb - Verifica la instalación:
code --version
Extensiones de VSCode
Algunas de las extensiones que se recomiendan instalar para hacer más llevadera la programación de páginas web:
| Extensión | Para qué sirve |
|---|---|
| Live Server | Levanta el HTML local en el navegador y recarga al guardar |
| Prettier | Formatea el código y aplica orden automáticamente |
| Auto Rename Tag | Al cambiar una etiqueta de apertura, también cambia la de cierre |
| Auto Close Tag | Cierra automáticamente las etiquetas de HTML |
| Path Intellisense | Autocompleta rutas de archivos |
| Error Lens | Muestra los errores semánticos sobre la línea afectada |
| PHP Intelephense | Ayuda a utilizar funciones de PHP |
| PostgreSQL | Cliente visual de base de datos PostgreSQL |
| Tailwind CSS IntelliSense | Autocompleta y previsualiza las clases de Tailwind |
Cómo instalarlas
En VSCode, abre el panel de extensiones con Ctrl + Shift + X, busca el nombre
y presiona Install.
Instálalas dentro de WSL
Si trabajas con WSL, VSCode distingue entre extensiones instaladas en Windows y en WSL. Cuando estés conectado a Ubuntu, el botón dirá “Install in WSL”: esa es la opción correcta para las extensiones de PHP y PostgreSQL.