Installing The Development Environment
Installing The Development Environment#
First, we need NodeJS 6.10+. We recommend to use nvm to install NodeJS instead of using your OS-based version.
Install nvm on your system using the instructions and provided script at:
Using nvm we will look up the latest lts version of NodeJS and install it
nvm ls-remote --lts nvm install v6.10 nvm use v6.10
NodeJS is provided with npm, its package manager, we will use it to install the Angular CLI (ng)
npm install -g @angular/cli@latest
-g means the CLI will be available globally in our nvm instance.
Initializing A New Project#
The CLI allows to initialize a project:
ng new training --style=scss
--style=scss indicates we will use SCSS for style sheets.
If we inspect our newly created
./training, we see a default Angular project structure:
the sources are managed in the
the dependencies are declared in
and they are installed in the
We can serve our project locally using the CLI.
cd ./training ng serve
The result can be seen on http://localhost:4200.
This development server offers the different features we can expect for a convenient frontend development environment like autoreload and sourcemaps.
The CLI also allows to run the tests: