Generator-angular-typescript-gulp NPM

generator-angular-typescript-gulp

A no-fluff yeoman generator for AngularJS/Typescript apps, uses Gulp instead of Grunt

What you get

Once you've run the generator, you'll have:

A demo page, injected with bower dependencies plus wired to compile and inject your own src files
Gulp tasks for transpiling, concatenating and minifying TS -> JS
Gulp tasks for compiling, concatenating and minifying SASS -> CSS
Gulp tasks for compiling and injecting your directives with angular template cache
Gulp tasks to watch (nodemon) and serve files with express
A shell Angular-TypeScript app, with TypeScript Definitions hooked up ready to go

Installation

First, install Yeoman, generator-angular-typescript-gulp, and typings using npm (we'll assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-angular-typescript-gulp
npm install -g typings

Then generate your new project:

yo angular-typescript-gulp

Install the TypeScript definitions, build and serve:

typings install
gulp

App scaffold

project/
│   README.md
│   bower.json
│   gulpfile.js
│   package.json
│   server.js
│   typings.json   
└───node_modules/
│
│
└───typings/
│       index.d.ts
│    
└───public/
    │   index.html   
    │
    ├───dist/ 
    │
    │   
    ├───lib/ (aka bower_components)    
    │  
    │
    └───src/ (add your own components in here)
        │    
        └───app/
            │   app.ts   
            │
            demo/ (example component)

Just write and add your own src files (.ts, .html, .scss) to tidy little component folders under public/src (example: public/src/demo folder), and they'll be gulped and served.