https://github.com/danwild/generator-angular-typescript-gulp
A no-fluff yeoman generator for AngularJS (v1) Typescript apps
https://github.com/danwild/generator-angular-typescript-gulp
angular angularjs gulp typescript yeoman yeoman-generator
Last synced: 12 months ago
JSON representation
A no-fluff yeoman generator for AngularJS (v1) Typescript apps
- Host: GitHub
- URL: https://github.com/danwild/generator-angular-typescript-gulp
- Owner: danwild
- License: other
- Created: 2015-12-15T23:55:41.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-10-04T22:20:53.000Z (over 9 years ago)
- Last Synced: 2024-10-14T04:48:23.774Z (over 1 year ago)
- Topics: angular, angularjs, gulp, typescript, yeoman, yeoman-generator
- Language: JavaScript
- Homepage:
- Size: 30.3 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# generator-angular-typescript-gulp [![NPM version][npm-image]][npm-url]
> 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](http://yeoman.io),
[generator-angular-typescript-gulp](https://www.npmjs.com/package/generator-angular-typescript-gulp),
and [typings](https://www.npmjs.com/package/typings) using [npm](https://www.npmjs.com/)
(we'll assume you have pre-installed [node.js](https://nodejs.org/)).
```bash
npm install -g yo
npm install -g generator-angular-typescript-gulp
npm install -g typings
```
Then generate your new project:
```bash
yo angular-typescript-gulp
```
Install the TypeScript definitions, build and serve:
```bash
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](http://etchdesign.com.au)
[npm-image]: https://badge.fury.io/js/generator-angular-typescript-gulp.svg
[npm-url]: https://npmjs.org/package/generator-angular-typescript-gulp