Cómo instalar y configurar Visual Studio Code en macOS

Visual Studio Code es un editor de código fuente ligero pero potente desarrollado por Microsoft. Es ampliamente utilizado por desarrolladores debido a sus extensiones, soporte para múltiples lenguajes y características avanzadas. En este tutorial, aprenderás cómo instalar y configurar Visual Studio Code en macOS para optimizar tu entorno de desarrollo.

Table of Contents

¿Por qué usar Visual Studio Code en macOS?

Visual Studio Code (VS Code) ofrece numerosas ventajas:

• Multiplataforma: Disponible para macOS, Windows y Linux.
• Extensibilidad: Gran ecosistema de extensiones para lenguajes, herramientas y frameworks.
• Integración con Git: Soporte integrado para control de versiones.
• Depuración: Herramientas avanzadas de depuración para varios lenguajes.
• Personalización: Personaliza el editor con temas, atajos de teclado y configuraciones.

Requisitos previos

• Sistema operativo: macOS 10.11 (El Capitan) o superior.
• Conexión a Internet: Necesaria para descargar VS Code y extensiones.
• Privilegios de administrador: Para instalar aplicaciones y configurar ajustes del sistema.

1. Descargar Visual Studio Code

1. Abre tu navegador web y ve al sitio oficial de Visual Studio Code:

   Descargar Visual Studio Code

2. Haz clic en el botón Download for macOS.

2. Instalar Visual Studio Code

1. Una vez finalizada la descarga, abre el archivo .zip descargado.

2. Arrastra el icono de Visual Studio Code a la carpeta Aplicaciones.

3. Abre la carpeta Aplicaciones y haz doble clic en Visual Studio Code para iniciarlo.

   • Es posible que recibas una advertencia de seguridad de macOS indicando que la aplicación fue descargada de Internet. Haz clic en Abrir.

3. Instalar la línea de comandos de VS Code (opcional)

Para poder abrir VS Code desde la terminal usando el comando code, necesitas instalar la utilidad de línea de comandos:

1. Abre Visual Studio Code.

2. Presiona Cmd+Shift+P para abrir la Paleta de Comandos.

3. Escribe “Shell Command: Install ‘code’ command in PATH” y selecciona la opción.

   

4. Se te pedirá que ingreses tu contraseña de administrador para confirmar.

4. Verificar la instalación del comando code

1. Abre la Terminal (Aplicaciones > Utilidades > Terminal).

2. Escribe el siguiente comando y presiona Enter:

   code --version

3. Deberías ver la versión instalada de VS Code.

5. Configurar Visual Studio Code

5.1. Personalizar temas y apariencia

1. Abre Visual Studio Code.
2. Ve a Código > Preferencias > Tema de Color o presiona Cmd+K Cmd+T.
3. Selecciona el tema que más te guste.

5.2. Configurar atajos de teclado y preferencias

• Ve a Código > Preferencias > Configuración (Cmd+,) para ajustar configuraciones.
• Personaliza atajos en Código > Preferencias > Atajos de teclado.

6. Instalar extensiones esenciales

Dependiendo de tus necesidades, aquí hay algunas extensiones recomendadas:

• Python: Soporte para desarrollo en Python.
• ESLint: Linter para JavaScript y TypeScript.
• Prettier: Formateador de código.
• GitLens: Mejoras para Git en VS Code.
• Docker: Herramientas para trabajar con contenedores Docker.

Para instalar una extensión:

1. Ve a Extensiones (icono de cuadrados en la barra lateral izquierda o presiona Cmd+Shift+X).
2. Busca la extensión deseada.
3. Haz clic en Instalar.

Solución de problemas comunes

VS Code no se inicia desde el comando code

Si al ejecutar code en la terminal VS Code no se abre:

Solución

• Asegúrate de haber instalado el comando code en el PATH siguiendo el paso 3.
• Verifica que el directorio /usr/local/bin está en tu variable de entorno PATH.

Problemas con permisos al instalar extensiones

Si encuentras problemas al instalar extensiones:

Solución

• Ejecuta VS Code con privilegios de administrador temporalmente.
• Verifica que tu usuario tiene permisos para escribir en los directorios de extensiones.

Vídeo Tutorial

Si eres una persona visual, aquí tienes un vídeo tutorial que te guiará a través de los pasos para instalar y configurar Visual Studio Code en macOS:

En este vídeo se cubren todos los pasos detallados anteriormente, además de consejos adicionales para personalizar y optimizar tu entorno de desarrollo con VS Code en macOS.

Conclusión

Has instalado y configurado con éxito Visual Studio Code en macOS. Ahora puedes disfrutar de un entorno de desarrollo potente y personalizable que te ayudará a ser más productivo en tus proyectos.

¡Explora las numerosas extensiones y características que VS Code ofrece y lleva tu desarrollo al siguiente nivel!