- Úvodní info zde: http://weblog.ronnieweb.net/2013/03/yeoman-pro-angularjs-a-typescript/.
- Vychází z projektu https://github.com/yeoman/generator-angular.
npm install yo grunt-cli bower testacular -g
npm install git://github.com/JakubMrozek/generator-angular-typescript.git
yo angular
npm install && bower install- grunt server - spuštění pro vývoj
- grunt test - spuštění všech testů
- grunt testacular:unit - spuštění Testacularu pro unit testy s auto refresh
- grunt build - build nového projektu (minifikace, optimalizace atd.).
Kromě samotných controllerů, direktiv, filtrů a servisů vygenerují i příslušné testy.
Příkaz:
yo angular:controller CtrlVygeneruje soubor app/scripts/controllers/ctrl.ts:
/// <reference path="../app.ts" />
'use strict';
module app.controller {
export class Ctrl implements IController {
constructor (private $scope) {
}
}
}
app.registerController('Ctrl', ['$scope']);Příkaz:
yo angular:directive dirVygeneruje soubor app/scripts/directives/dir.ts:
/// <reference path="../app.ts" />
'use strict';
module app.directive {
export class Dir implements IDirective {
template = '<div></div>';
restrict = 'E';
link (scope, element: JQuery, attrs: ng.IAttributes) {
element.text('this is the dir directive');
}
}
}
app.registerDirective('Dir', []);Příkaz:
yo angular:filter filVygeneruje soubor app/scripts/filters/fil.ts:
/// <reference path="../app.ts" />
'use strict';
module app.filter {
export class Fil implements IFilter {
filter (input: string) {
return 'fil filter: ' + input;
}
}
}
app.registerFilter('Fil', []);Příkaz:
yo angular:service servVygeneruje soubor app/scripts/services/serv.ts:
/// <reference path="../app.ts" />
'use strict';
module app.service {
export class Serv implements IService {
private meaningOfLife = 42;
constructor () {
}
someMethod () {
return this.meaningOfLife;
}
}
}
app.registerService('Serv', []);