This document demonstrates creating a Mail Add-in first in an empty project as well as in an existing project using HTML, CSS & JavaScript as the technology.
This example creates an Office Mail Add-in as HTML within an empty project folder.
$ yo office --skip-install
- Project name (the display name): My Office Add-in
- Root folder of the project: {blank}
- Office project type: Mail Add-in (read & compose forms)
- Technology to use: Html, CSS & JavaScript
- Supported Outlook forms: E-Mail message - read form, Appointment - read form
.
├── .bowerrc
├── bower.json
├── gulpfile.js
├── jsconfig.json
├── manifest.xml
├── tsd.json
├── appcompose
│ ├── app.css
│ ├── app.js
│ └── home
│ ├── home.css
│ ├── home.html
│ └── home.js
├── appread
│ ├── app.css
│ ├── app.js
│ └── home
│ ├── home.css
│ ├── home.html
│ └── home.js
├── content
│ └── Office.css
├── images
│ └── close.png
└── scripts
└── MicrosoftAjax.js
The generator nodehttps is first used to create a folder for a self-hosted HTTPS site on the local development system:
$ yo nodehttps
- What is the name of this project: Project Name
- What port will the site run on?: 8443
.
├── package.json
└── src
├── public
│ ├── content
│ │ └── site.css
│ └── index.html
└── server
└── server.js
Now run the Office Add-in generator:
$ yo office --skip-install
- Project name (the display name): My Office Add-in
- Root folder of the project: src/public
- Office project type: Mail Add-in (read & compose forms)
- Technology to use: Html, CSS & JavaScript
- Supported Outlook forms: E-Mail message - read form, Appointment - read form
.
├── .bowerrc
├── bower.json
├── gulpfile.js
├── jsconfig.json
├── manifest.xml
├── package.json
├── tsd.json
└── src
├── public
│ ├── appcompose
│ │ ├── app.css
│ │ ├── app.js
│ │ └── home
│ │ ├── home.css
│ │ ├── home.html
│ │ └── home.js
│ ├── appread
│ │ ├── app.css
│ │ ├── app.js
│ │ └── home
│ │ ├── home.css
│ │ ├── home.html
│ │ └── home.js
│ ├── content
│ │ ├── Office.css
│ │ └── site.css
│ ├── images
│ │ └── close.png
│ ├── index.html
│ └── scripts
│ └── MicrosoftAjax.js
└── server
└── server.js