Crear una extensión para VS Code con TypeScript

Tiempo de lectura: 2 minutos

Hoy vamos a aprender cómo podemos generar una extensión para VS Code usando TypeScritp.

VS Code - Pexels
  1. Configura tu entorno de desarrollo para extensiones de VSCode:

Necesitarás Node.js y yo (Yeoman) para generar una extensión de VSCode.

Instala el generador para extensiones de VSCode:
npm install -g yo generator-code

Crea el esqueleto de la extensión:

  • Ejecuta el generador de extensiones:
    yo code
Visual Studio Code Extension Generator
  • Selecciona «New Extension (TypeScript)» y sigue las instrucciones para configurar los detalles.

Ahora elegimos unbundled

Seleccionar bundler para extension VS Code

Package manager, elegimos npm

Seleccionar package manager

Y esperamos a que se cree.

Modificar el archivo src/extension.ts con el código que quieras crear para tu extensión.

  1. Compila y prueba tu extensión:
  • Desde la carpeta raíz de tu extensión, abre la terminal e instala las dependencias con npm install.
  • Compila la extensión: npm run compile Luego, abre VSCode, presiona F5 para iniciar una nueva ventana de VSCode con tu extensión activada. Ahora, al abrir un archivo README.md, este debería abrirse automáticamente.
  1. Publica la extensión (opcional):
    Si quieres compartirla con otros usuarios, puedes publicarla en el marketplace de VSCode.

Deja un comentario