Node 6.x or greater must be installed.
Note, use angular/cli
, do not use angular/angular-cli
npm i -g @angular/cli
ng
is the CLI itself
Verify the installation
npm list -g @angular/cli --depth=0
ng -v
Install yarn
npm i -g yarn
-
After installing Node and Yarn, you can fork or straight download a copy of this application to start your own app.
-
First download all the dependencies with
yarn install
-
Run
npm start
to start the webpack server to run the application on port 3300Navigate to
http://localhost:3300
to verify that the application is running๐ก To change the default port, open
.angular-cli.json
, change the value ondefaults.serve.port
-
Run
npm run build
to build the project. The build artifacts will be stored in thedist/
directory. Use the-prod
flag for a production build, like so:ng serve --prod
to run in production mode. -
Run
npm run lint
to lint your app code usingTSLint
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|module
.
ng g c customer
ng g d search-box
ng g s general-data
Angular will give out a warning line after this command,
WARNING Service is generated but not provided, it must be provided to be used
After generating a service, we must go to its owning module and add the service to the providers
array.
ng g s general-data2 -m app.module
# class
ng g cl models/customer
# interface
ng g i models/person
# enum
ng g enum models/gender
ng g pipe shared/init-caps
Create a login directory and generate a login module in that directory
ng g module login/login.module
Generate a module called admin and add routing feature to it.
ng g module admin --routing
Set up via Karma, Jasmine
- Run
ng test
to execute the unit tests via Karma.
Set up with Protractor
- Run
ng e2e
to execute the end-to-end tests via Protractor. - Before running the tests make sure you are serving the app via
ng serve
.
ng set default.styleExt css
ng new my-app --routing --style scss
- To get more help on the Angular CLI use
ng help
or go check out the Angular CLI README ng doc component
to look up documentation for featuresng serve --help
to look up doc forng serve
command
For dev, test, and production builds on OpenShift/Jenkins see openshift/README.md for detailed instructions on how to setup in an OpenShift environment using nginx.
Feel free to create pull requests from the default "master" branch, click here to create one automatically: https://github.com/bcgov/eao-public/pull/new/master