generator-ping
Yeoman generator to bootstrap AngularJs component oriented application, flavored with Typescript and other stuff.
Installation
npm install -g generator-ping
What does it bring?
angular
&angular-material
component oriented applicationfont-awesome
iconsjade
,typescript
&less
express
dev serverkarma
andprotractor
tests- build process
component
,page
& angularservice
generation helpers (with their tests), see below- IDE configuration (Webstorm & VisualStudio Code)
Generation helpers
Create a new component
Components are created in the src/components
folder.
This generator also bootstraps karma
and protractor
tests.
yo ping:component
Create a new page
A page is a component, prefixed with Page
, with its route configured in the application (src/app.ts
).
yo ping:page
Create a new AngularJs service
yo ping:service
IDE configuration
You might want to configure your IDE to quickly start developing without spending time with configuration. Just do the following command and select you IDE:
yo ping:ide
See just below what the generator do to your IDE.
WebStorm
- Javascript standard used is ES6 (to prevent any warning or error in node some files (gulp for example))
- UTF-8 file encoding
Karma tests
run task configured
VisualStudio Code
- Javascript standard used is ES6 (to prevent any warning or error in node some files (gulp for example))
- UTF-8 file encoding
- tab size set to 2
- some files are excluded from the project tree
- the
test
task with problem matcher is configured to rundefault
gulp task and match Karma errors - the
build
task is configured to runbuild
gulp task
Dev notes
To run the tests, simply install mocha
globally and run:
mocha