Nine Percent Milk

    generator-angular-typescript-gulp

    1.0.1 • Public • Published

    generator-angular-typescript-gulp NPM version

    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.

    Project framework options

    (ok a little fluff)

    • Front-end framework: Bootstrap, Foundation
    • Icon font: Font Awesome (or Bootstrap comes with Glyphs)

    License

    Apache-2.0 © Daniel Wild

    Install

    npm i generator-angular-typescript-gulp

    DownloadsWeekly Downloads

    2

    Version

    1.0.1

    License

    Apache-2.0

    Last publish

    Collaborators

    • danwild