Introducción al uso de Visual Studio Code con Subsistema de Windows para Linux

Visual Studio Code, junto con la extensión Remote - WSL, le permite usar WSL como entorno de desarrollo a tiempo completo directamente desde VS Code. Puede:

  • desarrollar en un entorno basado en Linux
  • usar cadenas de herramientas y utilidades específicas de Linux
  • ejecutar y depurar las aplicaciones basadas en Linux desde la comodidad de Windows manteniendo el acceso a herramientas de productividad como Outlook y Office
  • use el VS Code terminal integrado para ejecutar la distribución de Linux que prefiera.
  • aprovechar las ventajas de VS Code como la finalización de código de Intellisense,linting,compatibilidad con depuración,fragmentosde código y pruebas unitarias
  • administrar fácilmente el control de versiones con VS Code compatibilidad integrada de Git
  • ejecutar comandos y VS Code extensiones directamente en los proyectos de WSL
  • editar archivos en Linux o en el sistema de archivos Windows montado (por ejemplo, /mnt/c) sin preocuparse por problemas de ruta de acceso, compatibilidad binaria u otros desafíos entre sistemas operativos

Instalar VS Code y la extensión WSL remota

  • Visite la página VS Code instalación y seleccione el instalador de 32 o 64 bits. Instale Visual Studio Code en Windows (no en el sistema de archivos WSL).

  • Cuando se le pida que seleccione Tareas adicionales durante la instalación, asegúrese de activar la opción Agregar a PATH para que pueda abrir fácilmente una carpeta en WSL mediante el comando de código.

  • Instale el paquete de extensión desarrollo remoto. Este paquete de extensión incluye la extensión Remote - WSL, además de las extensiones Remote - SSH y Remote - Containers, lo que le permite abrir cualquier carpeta en un contenedor, en un equipo remoto o en WSL.

Importante

Para instalar la extensión Remote-WSL, necesitará la versión de lanzamiento 1.35 de mayo o posterior de VS Code. No se recomienda usar WSL en VS Code sin la extensión Remote-WSL, ya que perderá compatibilidad con autocompletar, depuración, linting, etc. Dato divertido: esta extensión de WSL se instala en $HOME/.vscode/extensions (escriba el ls $HOME\.vscode\extensions\ comando en PowerShell).

Actualización de la distribución de Linux

Algunas distribuciones de Linux de WSL carecen de bibliotecas que el servidor VS Code para iniciarse. Puede agregar bibliotecas adicionales a la distribución de Linux mediante su administrador de paquetes.

Por ejemplo, para actualizar Debian o Ubuntu, use:

sudo apt-get update

Para agregar wget (para recuperar contenido de servidores web) y certificados ca (para permitir que las aplicaciones basadas en SSL comprueben la autenticidad de las conexiones SSL), escriba:

sudo apt-get install wget ca-certificates

Abra un proyecto de WSL en Visual Studio Code

Desde la línea de comandos

Para abrir un proyecto desde la distribución de WSL, abra la línea de comandos de la distribución y escriba: code .

Apertura de un proyecto de WSL VS Code servidor remoto

Desde VS Code

También puede acceder a más VS Code opciones remotas mediante el acceso directo: en CTRL+SHIFT+P VS Code para abrir la paleta de comandos. Si escribe, verá una lista de las opciones remotas de VS Code disponibles, lo que le permite volver a abrir la carpeta en una sesión remota, especificar en qué distribución quiere abrir y mucho Remote-WSL más.

paleta de comandos de VS Code de VS Code

Extensiones dentro de VS Code remoto

La extensión Remote-WSL divide VS Code en una arquitectura "cliente-servidor", con el cliente (la interfaz de usuario) ejecutándose en la máquina Windows y el servidor (su código, Git, complementos, etc.) ejecutándose de forma remota.

Al ejecutar VS Code remoto, al seleccionar la pestaña "Extensiones" se mostrará una lista de extensiones divididas entre la máquina local y la distribución de WSL.

La instalación de una extensión local, como un tema,solo debe instalarse una vez.

Algunas extensiones, como la extensión de Python o cualquier elemento que controle aspectos como linting o depuración, deben instalarse por separado en cada distribución remota de WSL. VS Code mostrará un icono de advertencia ⚠, junto con un botón verde "Instalar en WSL", si tiene una extensión instalada localmente que no está instalada en el WSL Remoto.

VS Code con extensiones remotas de WSL frente a extensiones locales

Para obtener más información, consulte la VS Code documentos:

  • Cuando VS Code remoto se inicia en WSL, no se ejecutan scripts de inicio de shell. Consulte este artículo de script de configuración avanzada del entorno para obtener más información sobre cómo ejecutar comandos adicionales o modificar el entorno.

  • ¿Tiene problemas para iniciar VS Code desde la línea de comandos de WSL? Esta guía de solución de problemas incluye sugerencias sobre cómo cambiar las variables de ruta de acceso, resolver errores de extensión sobre las dependencias que faltan, resolver problemas de finalización de línea de Git, instalar un VSIX local en un equipo remoto, iniciar una ventana del explorador, bloquear el puerto localhost, sockets web que no funcionan, errores al almacenar datos de extensión, etc.

Instalar GIT (opcional)

Si planeas colaborar con otras personas u hospedar el proyecto en un sitio de código abierto (como GitHub), VS Code admite el control de versiones con GIT. La pestaña Control de código fuente de VS Code realiza un seguimiento de todos los cambios y tiene comandos GIT comunes (agregar, confirmar, enviar cambios e incorporar cambios) integrados directamente en la interfaz de usuario.

Para instalar Git, consulte Configuración de Git para trabajar con Subsistema de Windows para Linux.

Instalación de Terminal Windows (opcional)

El nuevo Terminal Windows permite varias pestañas (cambiar rápidamente entre símbolo del sistema, PowerShell o varias distribuciones de Linux), enlaces de teclado personalizados (crear sus propias teclas de método abreviado para abrir o cerrar pestañas, copiar y pegar, etc.), emojis ☺ y temas personalizados (combinaciones de colores, estilos y tamaños de fuente, imagen de fondo, desenfoque y transparencia). Obtenga más información en la Terminal Windows documentos.

  1. Obtenga Terminal Windows en Microsoft Store: al instalar a través de Microsoft Store, las actualizaciones se controlan automáticamente.

  2. Una vez instalado, abra Terminal Windows seleccione Configuración para personalizar el terminal mediante el archivo .

Recursos adicionales

Algunas de las extensiones adicionales que puedes considerar son las siguientes:

  • Keymaps from other editors: estas extensiones pueden ayudarte a sentirte como en casa con tu entorno en caso de que realices la transición desde otro editor de texto (como Atom, Sublime, Vim, eMacs, Notepad++, etc.).
  • Settings Sync: te permite sincronizar la configuración de VS Code entre diferentes instalaciones mediante GitHub. Si trabajas en diferentes máquinas, te ayuda a mantener el entorno coherente entre ellas.
  • Depurador para Chrome:una vez que termine de desarrollar en el lado servidor con Linux, deberá desarrollar y probar el lado cliente. Esta extensión integra el editor de VS Code con el servicio de depuración del explorador Chrome, lo que permite que las operaciones sean un poco más eficaces.