Describe sample functionality, DELETE_EXAMPLE: This sample shows how to insert an existing template from an external Excel file into the currently open Excel file. Then it retrieves data from a JSON web service and populates the template for the customer.
- DELETE_Features of this sample: which APIs are used, what service is called....
- DELETE_EXAMPLE: Use insertWorksheetsFromBase64 to insert a worksheet from another Excel file into the open Excel file.
- DELETE_EXAMPLE: Get JSON data and add it to the worksheet.
- Node.js 16, 18, or 20 (18 is preferred) and npm. To verify if you've already installed these tools, run the commands
node -v
andnpm -v
in your terminal. - Office Add-ins Development Kit version 0.5.0 and higher.
- Office connected to a Microsoft 365 subscription. You might qualify for a Microsoft 365 E5 developer subscription through the Microsoft 365 Developer Program, see FAQ for details. Alternatively, you can sign up for a 1-month free trial or purchase a Microsoft 365 plan.
Office Add-ins Development Kit is an end-to end developer tool for building Office add-ins. You can use this tool to easily creating, running and debugging, and managing the lifecycle of an Office add-in.
-
Check and Install Dependencies
Select
Check and Install Dependencies
to check your environment and install necessary dependencies in order to run and debug the add-in code. -
Preview Your Office Add-in (F5)
Select
Preview Your Office Add-in(F5)
on the side panel to start running and debugging the add-in code. A Word/Excel/PowerPoint app will launch with the add-in sample side-loaded.- You can also start debugging by hitting the
F5
key or runningnpm run start
command in the terminal. - To debug on Office on the web, go to Sideload Office Add-ins to Office on the web
- To debug in Desktop (Edge Legacy), go to Debug Edge Legacy Webview
If you meet sideload errors, please first confirm the following items and check troubleshoot development errors for common issues. If you still have problems, Create an issue and we'll help you out.
- You have installed dependencies.
- You have closed all Word/Excel/PowerPoint apps.
- You have stopped your last add-in previewing session.
- You can also start debugging by hitting the
-
Stop Previewing Your Office Add-in
Select
Stop Previewing Your Office Add-in
to stop debugging.
You can try out the sample add-in when it is sideloaded on Word/Excel/PowerPoint apps:
- DELETE_EXAMPLE: Put the steps about how to use this sample.
- DELETE_EXAMPLE: Register an API key in XXXXXX
- DELETE_EXAMPLE: Replace the API key in xxxxx.js
- DELETE_EXAMPLE
To explore the components of the add-in project, review the key files listed below.
You can check whether your manifest file is valid by selecting Validate Manifest
in the Office Add-ins Development Kit
extension tree view.
DELETE_THIS_LINE:Use copilot chat @workspace to generate folder structure
| .eslintrc.json
| .gitignore
| .vscode/
| | extensions.json
| | launch.json Launch and debug configurations
| | settings.json
| | tasks.json
| assets/ Static assets like image/gif
| babel.config.json
| manifest.xml Manifest file
| package.json
| README.md Get started here
| SECURITY.md
| src/ Add-ins source code
| | commands/
| | | commands.html
| | | commands.js
| | taskpane/
| | | taskpane.css Taskpane style
| | | taskpane.html Taskpane entry html
| | | taskpane.js Add API calls and logic here
| webpack.config.js Webpack config
GitHub Copilot extension for Office Add-ins: DELETE_THIS_LINE: Only shows in projects generated by GitHub Copilot extension.
- Type in
@office
to invoke the extension. - Type in
/generatecode
and describe the feature you would like to build, then send the request to Copilot. - Get the response from the extension and use the code.
Resources to learn more Office add-ins capabilities:
- Select
View Samples
onOffice Add-ins Development Kit
tree view for real-world examples and code structures. - Read the documentation of Office add-ins.
Did you experience any problems with the sample? Create an issue and we'll help you out.
Want to learn more about new features, development practices, and additional information? Join the Microsoft Office Add-ins community call.
Copyright (c) 2024 Microsoft Corporation. All rights reserved.
This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.
Note: The taskpane.html file contains an image URL that tracks diagnostic data for this sample add-in. Please remove the image tag if you reuse this sample in your own code project.
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.