VSCode Extension for Office Development

Estimated Reading Time: 2 minutes

Office Add-In development is great fun with the new API Model!
Especially Outlook extensibility seems very powerfull in day-to-day life… (maybe ’cause I spend 8 hours / day in Outlook)..

Each Add-In just consists of a plain HTML Web App and a special manifest.xml with metadata around it.

Office Add-in

The benefit of that is, you can now use ANY IDE to write the add-in!

I’ve recently used Visual Studio Code, AngularJS & NodeJS to develop a little Outlook add-in with my team, that I’ll blog about another time.

Getting started is extremely easy, using the YEOMAN GENERATOR that the office team has built.

If you haven’t seen it in action, take a look at this video, where Jeremy Thake from the Office team gives a demo..

HACK, I know all of this already?

OK.. I’ll make it quick.. 🙂

The one thing that I found is currently painful for Office development is having to manually upload the MANIFEST.XML into Office 365.

Even Jeremy mentions it at 3:42 of the video above.

For my Outlook Add-In I had to visit http://mail.office365.com every time I updated the manifest – and upload a new version there..

So I decided to build my first Visual Studio Code add-in, that automates that process for you and me!

officemanifestuploader-logo

VOILA – presenting the OFFICE MANIFEST UPLOADER!
Available through the VS Code marketplace as well as the Github repository.

 

Here’s how it works…

  1. Press (Cmd+E on OSX or Ctrl+E on Windows and Linux)
  2. Type ext install office-mailapp-manifestuploader and hit enter
    Or click on the little download button downloadbutton
  3. Press Ctrl+Alt+i to UPLOAD the manifest
  4. Press Ctrl+Alt+u to REMOVE the manifest from the server

manifest

This way developing Outlook Mail Add-Ins is a lot of fun!

Please check it out in your VS Code, and let me know if you find any bugs or have other feedback!

Leave a Reply

Your email address will not be published. Required fields are marked *