Step by step guide to create “SharePoint Hosted Add-In” in SharePoint Online (Office 365)

In earlier post (Step by step guide to create “Developer Site” for deploying SharePoint Add-Ins in SharePoint Online (Office 365)), I showed you how to create SharePoint online 'Developer Site'. In this post I'll show you how create a basic SharePoint hosted Add-In / App.

Step 1- Open Visual Studio and create new project of type ‘SharePoint Add-In’ as shown below.

Step 2- Provide url of your SharePoint online ‘Developer Site’ and select ‘SharePoint-hosted’ as shown below.

Step 3- Sign in to your Office 365 account with your credentials.

Step 4- Select version as ‘SharePoint Online’

Step 5- Wait for project to be created.

Step 6 – Following files are generated with new project.

Step 7- Deploy the Add-In to SharePoint online site by clicking on Start button

Step 8- Enter your Office 365 credentials.

Step 9 – Your SharePoint hosted Add-In is created.