Visual Studio Code - Instalación en Linux

-
Visual Studio Code | Editor de Código | Linux

Visual Studio Code: Instalación completa en Linux (Ubuntu, Debian, Fedora)

Editor de código más popular del mundo. Ligero, rápido, extensible. IntelliSense, debugging, Git integrado. Themes, extensions. Gratuito. De Microsoft.

¿Qué es Visual Studio Code?


Visual Studio Code (VS Code) es un editor de código moderno, ligero y potente desarrollado por Microsoft. Es el editor más popular entre developers en 2024/2025, con millones de usuarios en todo el mundo. A diferencia de IDEs pesados como IntelliJ IDEA o Visual Studio (completo), VS Code es ultra-ligero pero extensible: puedes agregar cualquier feature que necesites via extensions.

Características clave: IntelliSense (autocompletado inteligente), Debugging integrado, control Git nativo, terminal integrada, themes y color schemes, marketplace de 75,000+ extensiones, soporte para 100+ lenguajes, configuración JSON simple, multi-línea editing avanzado, split editors, workspace management, snippets, emmet, refactoring automático. Funciona en Windows, macOS, Linux, Web Browser, y servidor remoto.

Para developers: Es el editor de facto hoy en día. Frontend, backend, Python, Go, Rust, Java, C++. Todos usan VS Code. Gratuito, open source, y extraordinariamente bueno.

Características principales

IntelliSense avanzado

Autocompletado inteligente, sugerencias, documentación inline.

Debugging integrado

Breakpoints, inspección de variables, call stack. Para múltiples lenguajes.

Git nativo

Control de versiones integrado. Diff, commit, push sin salir del editor.

Terminal integrada

Abre terminal directo en el editor. Bash, Zsh, Powershell, CMD.

75,000+ extensiones

Marketplace enorme. Cualquier feature que imagines existe.

100+ lenguajes

JavaScript, Python, Java, C++, Go, Rust, PHP, Ruby, C#, más.

Themes y colores

1000+ themes. Claro/oscuro. Personalizable.

Multi-cursor editing

Edita múltiples líneas simultáneamente.

Live Share

Colabora en tiempo real. Pair programming remoto.

Remote Development

Edita código en servidor remoto como si fuera local.

WSL (Windows only)

Desarrolla en Linux desde Windows 10/11.

Gratuito y open source

100% gratis. Código abierto. Comunidad activa.

Instalación en Linux

Opción 1: Repositorio oficial (Ubuntu/Debian) - RECOMENDADO

# Actualizar lista de paquetes sudo apt update # Instalar dependencias sudo apt install wget gpg # Importar clave GPG de Microsoft wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor | \ sudo tee /etc/apt/trusted.gpg.d/microsoft.gpg > /dev/null # Agregar repositorio de Microsoft echo "deb [arch=amd64,arm64,armhf signed-by=/etc/apt/trusted.gpg.d/microsoft.gpg] https://packages.microsoft.com/repos/code stable main" | \ sudo tee /etc/apt/sources.list.d/vscode.list > /dev/null # Actualizar e instalar sudo apt update sudo apt install code # Iniciar VS Code code

Opción 2: Snap (Ubuntu 16.04+)

sudo snap install --classic code

Opción 3: Fedora/RHEL

# Importar clave GPG sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc # Agregar repositorio sudo sh -c 'echo -e "[vscode]\nname=packages.microsoft.com\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo' # Instalar sudo dnf install code

Opción 4: Arch Linux

sudo pacman -S code # O versión bin (sin compilar) yay -S visual-studio-code-bin

Opción 5: AppImage (cualquier distro)

# Descargar AppImage wget https://code.visualstudio.com/sha/download?build=stable&os=linux-x64 -O VSCode.AppImage # Hacer ejecutable chmod +x VSCode.AppImage # Ejecutar ./VSCode.AppImage

Opción 6: Descargar binario oficial

# Descargar wget https://code.visualstudio.com/sha/download?build=stable&os=linux-x64 -O code.tar.gz # Extraer tar xzf code.tar.gz # Ejecutar ./VSCode-linux-x64/bin/code

Verificar instalación

Comprobar versión

code --version

Iniciar VS Code

code # Abre en la carpeta actual code /ruta/a/proyecto # Abre carpeta específica code archivo.py # Abre archivo específico
Tip: Puedes escribir code . para abrir VS Code en la carpeta actual.

Primeros pasos con VS Code

1. Explorador de archivos

Panel izquierdo (Ctrl+B) muestra estructura de carpetas. Click en archivos para abrirlos. Drag-drop para reorganizar.

2. Extensiones esenciales

  1. Click icono extensiones (Ctrl+Shift+X) en sidebar izquierdo
  2. Busca e instala:
  3. Python: "Python" (Microsoft)
  4. JavaScript: "ES7+ React/Redux/React-Native snippets"
  5. Git: "GitLens" (gratuito, muy bueno)
  6. Prettier: Formateador de código automático
  7. Bracket Colorizer: Colorea paréntesis/corchetes
  8. Live Server: Servidor HTTP local para HTML
  9. Thunder Client: Cliente REST integrado

3. Terminal integrada

  1. Ctrl+` (acento grave) abre terminal
  2. Ejecuta comandos sin salir del editor
  3. Útil para git, npm, compilación, etc

4. Debugging

  1. Click icono debug (Ctrl+Shift+D)
  2. Click "Run and Debug"
  3. Selecciona lenguaje
  4. Coloca breakpoints (click en número de línea)
  5. F5 para ejecutar/pausar

5. Control Git

  1. Click icono Source Control (Ctrl+Shift+G)
  2. Ves cambios, staged changes, commits
  3. Escribe mensaje commit y presiona Ctrl+Enter
  4. GitLens extension agrega más features

6. Temas

  1. Ctrl+K Ctrl+T para selector de temas
  2. Selecciona theme (One Dark Pro es popular)
  3. O instala desde marketplace

7. Settings

  1. Ctrl+, abre Settings
  2. Busca opciones: font size, tab width, auto-save, etc
  3. O edita settings.json directamente (JSON)

Atajos de teclado útiles

  • Ctrl+P: Búsqueda rápida de archivos
  • Ctrl+Shift+P: Command Palette (búsqueda de commands)
  • Ctrl+/: Comentar/descomentar línea
  • Alt+↑/↓: Mover línea arriba/abajo
  • Ctrl+Alt+C: Copiar línea
  • Ctrl+L: Seleccionar línea entera
  • Ctrl+D: Multi-cursor: selecciona palabra actual
  • Ctrl+Shift+L: Multi-cursor: todas las ocurrencias
  • F2: Renombrar símbolo (refactor)
  • Ctrl+K Ctrl+0: Fold all (colapsar todo)
  • Ctrl+K Ctrl+J: Unfold all (expandir todo)

Configuración recomendada (settings.json)

Abrir settings.json

Ctrl+Shift+P → "Preferences: Open Settings (JSON)"

Ejemplo de configuración básica

{ "editor.fontSize": 13, "editor.fontFamily": "Fira Code, Consolas", "editor.tabSize": 2, "editor.insertSpaces": true, "editor.formatOnSave": true, "editor.rulers": [80, 120], "editor.wordWrap": "on", "files.autoSave": "afterDelay", "files.autoSaveDelay": 1000, "workbench.colorTheme": "One Dark Pro", "python.linting.enabled": true, "python.linting.pylintEnabled": true }

Extensiones más populares

  • GitLens: Git integration avanzado. Ver quién escribió cada línea.
  • Prettier: Formateador de código automático (JavaScript, CSS, JSON).
  • ESLint: Linter para JavaScript/TypeScript.
  • Python: Soporte completo para Python (Microsoft).
  • Pylance: IntelliSense avanzado para Python.
  • Rust Analyzer: Soporte profesional para Rust.
  • Go: Soporte para Go (Google).
  • Docker: Gestiona contenedores Docker desde VS Code.
  • Remote - SSH: Edita en servidor remoto vía SSH.
  • Thunder Client: Cliente REST (como Postman, pero integrado).
  • Bracket Colorizer: Colorea paréntesis/corchetes anidados.
  • Path Intellisense: Autocompletado para rutas de archivos.
  • One Dark Pro: Theme popular (oscuro).

Desinstalar VS Code

Ubuntu/Debian

sudo apt remove code

Fedora/RHEL

sudo dnf remove code

Arch Linux

sudo pacman -R code

Snap

sudo snap remove code
Nota: Tus settings, extensiones y datos se almacenan en ~/.config/Code. Puedes respaldarlos antes de desinstalar.

Referencias oficiales

Apoya el canal GENBYTE

Suscríbete al canal de YouTube Suscríbete a la newsletter semanal Invítame a un Ko-fi genbyte@proton.me

Sígueme en mis redes sociales

Comentarios

Publicar un comentario

Entradas populares de este blog

Cómo Instalar y configurar SERVIDOR VPN WIREGUARD en MIKROTIK 🔐 #VPN #Wireguard #Mikrotik #RouterOS

-
Imagen
Wireguard en Mikrotik Breve Explicación de Wireguard ¿Qué es WireGuard VPN? WireGuard es un nuevo protocolo de VPN. No se trata de un software, sino de un conjunto de instrucciones que permite crear VPNs de forma muy sencilla. Ha sido desarrollada como una alternativa a IPsec, OpenVPN y similares VPNs, pero más rápida y sencilla de usar. En esencia, WireGuard está basado en ideas del protocolo IPsec. WireGuard es una VPN extremadamente simple, pero rápida y moderna que utiliza criptografía de última generación. Su objetivo es ser más rápido, más simple, y más versátil que IPSec, evitando al mismo tiempo el enorme dolor de cabeza (sobre todo en redes con NAT). Pretende ser considerablemente más eficaz que OpenVPN. WireGuard está diseñado como una VPN de propósito general para ejecutarse en interfaces embebidas, apto para muchas circunstancias diferentes. Se ejecuta sobre el protocolo UDP, por lo tanto es considerado un túnel de capa 3. ¿Cómo funciona Wireguard VPN? WireGuard es un proto...
Leer más

Cómo instalar y configurar DSM SYNOLOGY 7.2.2 en PC | Guía completa, instalación, RAID 1, SMB

-
Imagen
Instalación y puesta en marcha de Synology DSM 7.2.2 en PC Vídeo ACTUALIZADO, NUEVA VERSIÓN DEL ARC LOADER:  https://youtu.be/LgghogL-UCA https://genbyte.blogspot.com/2025/08/como-convertir-pc-en-synlogy-con-6-tb.html ----- Proceso de instalación y puesta en marcha de sistema operativo DSM Synology versión 7.2.2 en un PC, concretamente un HP 800 G1 EliteDesk. El PC tendrá 3 discos SSD, uno de 120 GB para el S.O. DSM, y otros dos de 240GB cada en RAID 1 para los Datos. Los 3 dicos duros conectados al PC mediante cables SATA. Lo primero que necesitamos es descargar la imagen bootloader ARC, desde el siguiente repositorio de Gothub, también necesitamos Rufus, en este momento, es la versión 4.6. Imagen ARC:  https://github.com/AuxXxilium/arc Imagen usado en el vídeo 1.1.29:  https://github.com/AuxXxilium/arc/releases/tag/1.1.29 Rufus:  https://rufus.ie/es/ Después de descargar la imagen ARC.img, conectamos nuestro primer disco SSD de 120GB por cable o conector SATA-USB y...
Leer más

Cómo INSTALAR y CONFIGURAR OpenVPN en MIKROTIK. Guía completa paso a paso.

-
Imagen
Cómo INSTALAR y CONFIGURAR OpenVPN en MIKROTIK. Guía completa paso a paso. Vídeo tutorial paso a paso en Youtube Desarrollo Ilustración: Diagrama RED Creación de Redes (Address) ----------------------------------------------- WAN 192.168.1.0/24 LAN 192.168.88.0/24 VPN 192.168.100.0/24 Creación del Rango VPN ------------------------ 192.168.100.1 - 192.168.100.100 Creación de los Certificados ------------------------------- Los certificados que vamos a crear a continuación tendrán una validez de 10 años; days-valid=3650 Crear certificado CA ---------------------- /certificate add name=CA-tpl country="" state="" locality="" organization="" unit="" common-name="CA" key-size=4096 days-valid=3650 key-usage=crl-sign,key-cert-sign /certificate sign CA-tpl ca-crl-host=127.0.0.1 name="CA" Crear certificado Server -------------------------- /certificate add name=SERVER-tpl country="" state="" locality=...
Leer más