Build Excel/ Any Office Add-Ins with Vue.js and Vite

Introduction

This is a simple starter template to build Microsoft Add-Ins with Vue.js and Vite.

Screenshot

Features

• Vue 3.4 💚 + Vite 7 💜💛 + TypeScript 💙
• Vue Router Hash Mode 🔗
• officeAddin 🔌 to generate manifest file at build time
  • See readme for configuration options

Getting Started (Local Development)

1. Clone the repository
2. Install dependencies

npm install

3. Office plugins require that the app is served over HTTPS. So you'll have to install a self-signed certificate for local development. Run the following command to install the certificate. See Securing your app:

npx office-addin-dev-certs install

4. Start the development server

npm run dev

5. Sideload the add-in to Excel (Web is much easier). See Sideload an Office Add-in on Windows

Generating Manifest Files for Other Office Products

Generating Manifest Files

• Replace the manifest file with your new manifest file

Build

Coming soon but should be as simple as running npm run build and then sideloading the add-in to Excel.