Create apps for Office and SharePoint by using Napa Office 365 Development Tools

Learn how to use Napa Office 365 Development Tools to create apps for Office and SharePoint

Last modified: April 24, 2015

Applies to: apps for Office | apps for SharePoint

In this article
Introducing Napa
Create and manage projects
Develop apps
Share and Publish apps
Get Started

Napa is a great way to get started building apps for Office or SharePoint directly out of a browser window. There is no need to install any other tools such as Visual Studio.  All you need is an Office 365 account and a supported browser. To get started, sign up for an Office 365 Developer Site. Then, install Napa on your Developer site and you are ready to create apps for Office documents, mail items or SharePoint. For more information, see Sign up for an Office 365 Developer Subscription and set up your tools and environment. When you are ready to leverage the powerful capabilities in Microsoft Visual Studio, Napa makes it easy to download your project and continue developing your app for Office or SharePoint.

Note Note

There's an alternate version of Napa that doesn't use or require an Office 365 Developer Site. That version supports creating only apps for Office using your personal Microsoft account. For more information, see Create apps for Office with Napa Office 365 Development Tools.

Napa gives you with a page to manage your projects. You can use this page to create a mail app, content app, task pane app, or SharePoint app project as well as rename and delete projects.  You can also open any project in Visual Studio if you decide that you want to leverage features such as advanced debugging or the ability to use a web project as part of your app for Office or SharePoint.  Choose a filter to view recently modified projects or projects of a specific type. Click a project tile if you want to open an existing project.

Figure 1. Projects page

Projects page

When you open a project, a default html file appears in a code editor. This file contains all the file references that you need to get started quickly. Leverage the productivity features of the editor such as syntax highlighting and code completion to write your code. You can access many of these features by using shortcut key combinations. To view a list of shortcut key combinations, press CTRL and the "." key simultaneously.  Files of your project appear in a hierarchical view to the side of the editor. Use the context menus of files and folders in this view to add, rename, or upload files (for example, HTML, JavaScript or Style sheets). Options at the bottom of the page enable you to run your project, modify the properties of the app, or open your project in Visual Studio. 

Figure 2. Code editor

Code Editor

While you’re developing your app, if you want to share it with someone else, such as to show them code or pages you are developing, you can use the Share Project feature. To share an app project, load the project in "Napa" and then choose the Share Project button on the side of the page. The Share Project feature creates a copy of the app project and provides you with a public link that you can give to anyone to enable them to view the copy of the app project. After you’ve completed your app project and want to distribute it, you can publish your app. For more information, see Publish apps for SharePoint or Publish an app for Office with Visual Studio.

Show:
© 2015 Microsoft