This last month i have been working with SharePoint App - SharePoint Hosted for collaborative Sites and want to give feedback from some of the tools that help me create the some Apps base in JSOM.
Here is a small List of Extensions and solutions you can use when you are creating SharePoint apps as SharePoint Hosted:
This Visual Studio extension it's something that every Web Developer should have, will help you to optimize you Web Files such us CSS/JS and Images, this options will reduce the size of images and files and will be faster to Load the script in the Web Site.
- Optimize Images
SharePoint Client Browser for SharePoint 2013
I use every day to get Object properties/Metadata/XML/Schema/REST/Data that is possible using SharePoint Client Object Model, has been a huge helper when i need SharePoint Dsta from SharePoint Sites.
Internet Explorer Developer Tools (F12)
Internet Explorer developer tool has been a nice Swiss knife tool to compile, debug, capture Traffic and Web analysis , the amount of times i used by day to Test and capture errors is really amazing, already save me a lot of time and did a lot of IT administrative work on the site just using JSOM and the Console from IE.
This tool helps to identify Web traffic and more specific SharePoint Data traffic, when you are working with JSON Data and Cross-Domain call's, it's also very usefull to capture Url error and other internet traffic .
"Napa" Office 365 Development Tools
It's is nice tool for a beginner but with the type of development i am used to work, it's somehow limited and required a good base of start, all the basic stuff is there to create your initial App but for something more complex is Productive but not efficient, (when this starts to happen can recommend use the NAPA option to export Solution to Visual Studio).
Visual Studio 2013
When you have your solution ready to be deploy i can recommend to include the Minify files (updated automatically using Web Essentials) to be included in the final App Solution, for this you can change the property of the file "Deployment Type" to "NoDeployment" when you don't want to include in the App or change to "ElementFile" to include in your SharePoint App.
SharePoint 2013: Import, validate, and manage app licenses
My last tool is the test of the SharePoint Licenses on your app. I recommend download this tool to simulate the App Licenses (Free, Trial, Paid) before you sent to Microsoft Store for Microsoft Validation.
Small article but hope could help you in your development and avoid the infamous Error 404 - Boat not found.
Photo taken by Mark Hässig