Crear un complemento de panel de tareas de Excel

Este artículo le guiará a través del proceso de creación de un complemento de panel de tareas de Excel.

Crear el complemento

Puede crear un complemento de Office con el generador de Yeoman para complementos de Office o Visual Studio. El generador Yeoman crea un proyecto de Node.js que se puede administrar con Visual Studio Code u otro editor, mientras que Visual Studio crea una solución de Visual Studio. Seleccione la pestaña del que le gustaría usar y, después, siga las instrucciones para crear el complemento y probarlo localmente.

Sugerencia

Para usar el generador de Yeoman con el fin de crear un complemento que use el Inicio de sesión único (SSO), vea las instrucciones en la Guía rápida del Inicio de sesión único.

Requisitos previos

Nota

Si no está familiarizado con Node.js o npm, debe empezar por configurar el entorno de desarrollo.

  • Node.js (la última versión de LTS)

  • La versión más reciente de Yeoman y Generador de Yeoman para complementos de Office. Para instalar estas herramientas globalmente, ejecute el siguiente comando desde el símbolo del sistema.

    npm install -g yo generator-office
    

    Nota

    Incluso si ha instalado previamente el generador de Yeoman, se recomienda actualizar el paquete a la versión más reciente de npm.

Creación del proyecto de complemento

Ejecute el siguiente comando para crear un proyecto de complemento con el generador Yeoman.

yo office

Nota

Cuando ejecute el comando yo office, es posible que reciba mensajes sobre las directivas de recopilación de datos de Yeoman y las herramientas de la CLI de complementos de Office. Use la información adecuada que se proporciona para responder a los mensajes.

Cuando se le pida, proporcione la siguiente información para crear el proyecto de complemento.

  • Elija un tipo de proyecto: Office Add-in Task Pane project
  • Elija un tipo de script: Javascript
  • ¿Qué nombre desea asignar al complemento? My Office Add-in
  • ¿Qué aplicación cliente de Office desea admitir? Excel

Captura de pantalla de la interfaz de línea de comandos del generador de complementos de Office Yeoman.

Después de completar el asistente, el generador creará el proyecto e instalará componentes auxiliares de Node.

Sugerencia

Se pueden pasar por alto las instrucciones de los pasos siguientes que el generador de Yeoman ofrece después de que se haya creado el proyecto de complemento. Las instrucciones paso a paso de este artículo le dan toda la información que necesitará para completar este tutorial.

Explorar el proyecto

El proyecto de complemento que ha creado con el generador Yeoman contiene código de ejemplo para un complemento de panel de tareas básico. Si quiere explorar los componentes del proyecto de complemento, abra el proyecto en el editor de código y revise los archivos que se enumeran a continuación. Cuando esté listo para probar el complemento, vaya a la sección siguiente.

  • El archivo ./manifest.xml en el directorio raíz del proyecto define la configuración y las funciones del complemento. Para obtener más información sobre el archivo manifest.xml, vea manifiesto XML de complementos de Office.
  • El archivo ./src/taskpane/taskpane.html contiene el marcado HTML para el panel de tareas.
  • El archivo ./src/taskpane/taskpane.css contiene la CSS que se aplica al contenido en el panel de tareas.
  • El archivo ./src/taskpane/taskpane.js contiene el código de la API de JavaScript de Office que facilita la interacción entre el panel de tareas y la aplicación cliente de Office.

Pruébelo

  1. Navegue hasta la carpeta raíz del proyecto.

    cd "My Office Add-in"
    
  2. Complete los pasos siguientes para iniciar el servidor web local y transferir localmente el complemento.

    Nota

    Los complementos de Office deben usar HTTPS y no HTTP, incluso cuando está desarrollando. Si le pedirá que instale un certificado después de ejecutar uno de los siguientes comandos, acepte la solicitud para instalar el certificado que proporciona el generador Yeoman.

    Sugerencia

    Si está probando el complemento en Mac, ejecute el siguiente comando antes de continuar. Al ejecutar este comando, se iniciará el servidor web local.

    npm run dev-server
    
    • Para probar el complemento en Excel, ejecute el siguiente comando en el directorio raíz del proyecto. Se iniciará el servidor web local (si todavía no está en ejecución) y se abrirá Excel con el complemento cargado.

      npm start
      
    • Para probar el complemento en Excel en un explorador, ejecute el siguiente comando en el directorio raíz del proyecto. Al ejecutar este comando, se iniciará el servidor web local (si todavía no está en ejecución).

      npm run start:web
      

      Para usar el complemento, abra un nuevo libro en Excel en la Web y, a continuación, transfiera localmente el complemento siguiendo las instrucciones de Transferir localmente complementos de Office en Office en la Web.

  3. En Excel, seleccione la pestaña Inicio y, después, haga clic en el botón Mostrar panel de tareas de la cinta de opciones para abrir el panel de tareas del complemento.

    Captura de pantalla que muestra el menú de Inicio de Excel con el botón Mostrar panel de tareas resaltado.

  4. Seleccione cualquier rango de celdas de la hoja de cálculo.

  5. En la parte inferior del panel de tareas, elija el vínculo Ejecutar para establecer el color del rango seleccionado en amarillo.

    Captura de pantalla de Excel con el panel de tareas del complemento abierto y el botón Ejecutar resaltado en el panel de tareas del complemento.

Pasos siguientes

Enhorabuena, ha creado correctamente un complemento de panel de tareas de Excel. A continuación, obtenga más información sobre las capacidades de un complemento de Excel y cree un complemento más complejo siguiendo el Tutorial de complemento de Excel.

Consulte también