Cómo crear un paquete de extensión para Visual Studio Code

Introducción

Índice
  1. Introducción
  • Instalación de las herramientas
  • Generando un nuevo proyecto de extensión
  • Cómo agregar extensiones a su paquete de extensiones
  • Paquetes de extensión útiles
  • Conclusión
  • Los paquetes de extensiones en Visual Studio Code son útiles cuando se desea instalar una colección de extensiones relacionadas. En este artículo, creará un paquete de extensiones para poder compartir su colección de extensiones con otros desarrolladores.

    Instalación de las herramientas

    Para comenzar a crear un paquete de extensión, deberá instalar las herramientas de la interfaz de línea de comandos de Yeoman, así como el generador de código para VS Code. Puede instalar Yeoman con el siguiente comando.

    1. npm install -g yo

    Luego, puedes instalar las herramientas generadoras de código para las extensiones de VS Code de la siguiente manera.

    1. npm install -g generator-code

    Generando un nuevo proyecto de extensión

    Con las herramientas correctas instaladas, ya está listo para generar un nuevo proyecto de paquete de extensión. Puede iniciar este proceso ejecutando el siguiente comando.

    1. yo code

    Se le solicitará rápidamente que elija el tipo de extensión que está creando. En este caso, elija New Extension Pack.

    Después de eso, se le harán varias preguntas diferentes sobre su extensión, como el nombre, el identificador y la descripción. Después de responder todas las preguntas, recibirá la confirmación de que se ha generado su proyecto.

    Después de abrir el nuevo proyecto en VS Code, deberás echarle un vistazo al package.jsonarchivo. Presta especial atención a la extensionPackpropiedad.

    Dentro de esta propiedad, se enumeran todas las extensiones que se deben incluir en el paquete de extensiones. Para cada extensión, deberá incluir el editor y el nombre de la extensión en el siguiente formato.

    author.extension-name

    Cómo agregar extensiones a su paquete de extensiones

    Para fines de demostración, abriremos la extensión Debugger para Chrome en el mercado.

    Puedes buscar en esa página para encontrar la información que necesitas, pero hay una forma aún más sencilla. Si miras la URL de la extensión, el último fragmento de texto después de “itemName=" es exactamente lo que necesitas: msjsdiag.debugger-for-chrome.

    Desde allí, puedes copiar ese texto y agregarlo directamente a tu package.jsonarchivo.

    Puedes seguir el mismo proceso para incluir tantas extensiones como quieras.

    Paquetes de extensión útiles

    Puede que valga la pena investigar un poco para ver qué paquetes de extensiones ya existen antes de crear el tuyo propio. Puedes empezar abriendo el Mercado de códigos. Si te desplazas hasta el final, verás un botón para filtrar por paquetes de extensiones.

    Después de hacer clic en ese enlace, se le llevará inmediatamente a una lista de los paquetes de extensión más populares para VS Code.

    Por ejemplo:

    • Paquete de extensión Node.js
    • Paquete de extensión Angular Essentials.

    Conclusión

    Crear un paquete de extensiones para Visual Studio Code es bastante fácil. Proporcionan todo el andamiaje, por lo que todo lo que tienes que hacer es agregar la lista de extensiones que se incluirán.

    SUSCRÍBETE A NUESTRO BOLETÍN 
    No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Subir

    Este sitio web utiliza cookies para mejorar tu experiencia mientras navegas por él. Este sitio web utiliza cookies para mejorar tu experiencia de usuario. Al continuar navegando, aceptas su uso. Mas informacion