This document demonstrates creating a Mail Add-in first in an empty project as well as in an existing project using Angular as the technology.
This example creates an Office Mail Add-in as Angular 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: Angular
- Supported Outlook forms: E-Mail message - read form, Appointment - read form
.
├── .bowerrc
├── bower.json
├── gulpfile.js
├── jsconfig.json
├── manifest.xml
├── manifest.xsd
├── tsd.json
├── appread
│ ├── app.module.js
│ ├── app.routes.js
│ ├── index.html
│ ├── home
│ │ ├── home.controller.js
│ │ └── home.html
│ └── services
│ └── data.service.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: Angular
- Supported Outlook forms: E-Mail message - read form, Appointment - read form
.
├── .bowerrc
├── bower.json
├── gulpfile.js
├── jsconfig.json
├── manifest.xml
├── manifest.xsd
├── package.json
├── tsd.json
└── src
├── public
│ ├── index.html
│ ├── appread
│ │ ├── app.module.js
│ │ ├── app.routes.js
│ │ ├── index.html
│ │ ├── home
│ │ │ ├── home.controller.js
│ │ │ └── home.html
│ │ └── services
│ │ └── data.service.js
│ ├── content
│ │ ├── Office.css
│ │ └── site.css
│ ├── images
│ │ └── close.png
│ └── scripts
│ └── MicrosoftAjax.js
└── server
└── server.js