AngularJS SPA Template for Visual Studio

This project is a skeleton for a simple single-page web application (SPA) built on top of the:

• AngularJS 1.2.3 - JavaScript Framework
• Bootstrap 3.0.3 - CSS Framework (based on LESS)
• HTML5 Boilerplate - HTML5 best practices
• ASP.NET Web Pages 3.0 (Razor) - AngularJS templates / views
• ASP.NET Web Optimization Framework - Bundling & Minification

You can use it to quickly bootstrap your AngularJS web app projects and dev environment for these projects.

Just clone the repo, open solution file from the Source folder and you are ready to develop and test your application.

Demo Site

http://angular-demo.tarkus.me

Visual Studio Extension

Project Structure

Development Environment

• Visual Studio 2013 with extension(s):
  • Web Essentials 2013

Hint: make sure that you have the latest version and updates for Visual Studio and required extensions installed

Getting Started

To clone the repo run:

git clone -o base https://github.com/KriaSoft/AngularJS-SPA-Template.git MyApp

Where MyApp is your project name. Then rename the included solution file:

git mv Source/Application.sln Source/MyApp.sln
git add .
git commit -m 'Rename Application.sln file'

Open MyApp.sln in Visual Studio and you are ready to go.

Later on you can always pull and merge the latest changes from AngularJS SPA Template repo into your project by running the following commands:

git fetch base
# Fetches any new changes from the AngularJS SPA Template repository (base)
git merge base/master
# Merges any changes fetched into your working files

Feedback

Have questions or need help? Email me at hello@tarkus.me or Skype: koistya