Mahdi Taghizadeh I'm who I'm!

Sencha Touch HTML5 Project Template for Visual Studio 2010

Sencha Touch is a powerful JavaScript framework for mobile which is based on HTML5 and CSS3 and let you create eye catching web applications for popular mobile platforms like Android, iOS and BlackBerry.

If you’re a Microsoft developer, most likely you prefer to work in your favorite IDE: Visual Studio. In order to create a Sencha Touch powered website in VS you can create an empty website, remove web.config, add necessary JavaScript and CSS files and create an HTML5 file to begin. This is easy but the better way you can use a pre-built project template to create such project in seconds. Today I created the same project and exported it as a Visual Studio Template which you can include in your templates. Let’s see how we can do this:

1. Download Sencha Touch Project Template.
2. Copy downloaded zip file to C:\Users\{USERNAME}\Documents\Visual Studio 2010\Templates\ProjectTemplates (I suggest you rename the file to Sencha Touch Project.zip after copying)
3. Open Visual Studio.
4. Select “File > New Website…” and then “Sencha Touch Project”

Ok! You’re done. Now you have a project with a “content” folder containing required CSS and JavaScript files to start with Sencha Touch Framework as well as a sample HTML5ified “index.html” to begin your work.