Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mini-sylar/ms-office-add-in-vue
https://github.com/mini-sylar/ms-office-add-in-vue
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/mini-sylar/ms-office-add-in-vue
- Owner: Mini-Sylar
- Created: 2024-02-19T14:02:52.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-21T01:39:44.000Z (11 months ago)
- Last Synced: 2024-04-22T14:56:44.806Z (9 months ago)
- Language: Vue
- Size: 69.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build Excel/ Any Office Add-Ins with Vue.js and Vite (W.I.P)
## Introduction
This is a simple starter template to build Excel (Manifest can be generated for other office products including Power Point, Word etc) Add-Ins with Vue.js and Vite.
## Features
- `Vue 3.4 💚` + `Vite 5 💜💛` + `TypeScript 💙`
- `Custom Hash based routing` 🔗 (Vue Router causes infinite reloads on web history, try using hash mode)
- [`officeAddin 🔌`](https://github.com/jozefizso/vite-plugin-office-addin/tree/main/src) to generate manifest file at build time
- See readme for configuration options## Getting Started (Local Development)
1. Clone the repository
2. Install dependencies```bash
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](https://learn.microsoft.com/en-us/office/dev/add-ins/quickstarts/excel-quickstart-vue#secure-the-app):
```bash
npx office-addin-dev-certs install
```4. Start the development server
```bash
npm run dev
```5. Sideload the add-in to Excel (Web is much easier). See [Sideload an Office Add-in on Windows](https://learn.microsoft.com/en-us/office/dev/add-ins/testing/sideload-office-add-ins-for-testing)
## Generating Manifest Files for Other Office Products
[Generating Manifest Files](https://learn.microsoft.com/en-us/office/dev/add-ins/quickstarts/excel-quickstart-vue#generate-the-manifest-file)- 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.