Lo que vas a construir
Vas a configurar un ambiente de desarrollo completo y profesional. Instalaras VS Code con las extensiones esenciales, personalizaras tu terminal y configuraras las herramientas que te haran mas productivo. Aprenderas a organizar tu espacio de trabajo como lo hacen los desarrolladores profesionales. Al terminar, tendras todo listo y organizado para empezar a programar de inmediato.
Herramientas esenciales
| Herramienta | Para qué |
|---|---|
| VS Code o Cursor | Editor de código |
| Node.js | JavaScript/TypeScript |
| Git | Control de versiones |
| Terminal | Comandos |
Paso 1: Instalar VS Code (o Cursor)
- VS Code: code.visualstudio.com
- Cursor (con IA integrada): cursor.com
Paso 2: Instalar Node.js
| Sistema | Comando |
|---|---|
| macOS | brew install node |
| Windows | Descarga de nodejs.org |
| Linux | sudo apt install nodejs npm |
Verifica:
node --version
npm --version
Paso 3: Extensiones de VS Code
Abre VS Code y instala estas extensiones (Cmd/Ctrl + Shift + X):
| Extensión | Para qué |
|---|---|
| ESLint | Detecta errores de código |
| Prettier | Formatea tu código |
| GitLens | Mejor integración con Git |
| GitHub Copilot | IA que te ayuda a programar |
Paso 4: Configurar terminal integrada
En VS Code, abre la terminal: `Ctrl + `` (backtick)
Configura tu shell favorito:
- Abre Settings (Cmd/Ctrl + ,)
- Busca "terminal default"
- Selecciona zsh, bash, o PowerShell
Atajos útiles
| Atajo | Acción |
|---|---|
Cmd/Ctrl + P | Buscar archivos |
Cmd/Ctrl + Shift + P | Paleta de comandos |
Cmd/Ctrl + B | Toggle sidebar |
| `Cmd/Ctrl + `` | Toggle terminal |
Cmd/Ctrl + / | Comentar línea |
Estructura típica de proyecto
mi-proyecto/
├── src/ # Código fuente
├── tests/ # Tests
├── node_modules/ # Dependencias (ignorar)
├── package.json # Configuración npm
├── .gitignore # Archivos a ignorar
└── README.md # Documentación
.gitignore básico
Crea un archivo .gitignore:
node_modules/
.env
.DS_Store
*.log
Próximo paso
→ Mi Primer Script Bash — Automatiza tareas