Setup the local environment and workspace for AngularJS
Node.js
For more information on installing Node.js, see nodejs.org. If you are unsure what version of Node.js runs on your system, run node -v in a terminal window.
Angular, the Angular CLI, and Angular applications depend on npm packages for many features and functions. To download and install npm packages, you need an npm package manager. This guide uses the npm client command line interface, which is installed with Node.js by default. To check that you have the npm client installed, run npm -v in a terminal window.
You use the Angular CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment. To install the Angular CLI, open a terminal window and run the following command:
1. Run the CLI command ng new and provide the name my-app, as shown here:
2. The ng new command prompts you for information about features to include in the initial app.
npm package manager
Angular, the Angular CLI, and Angular applications depend on npm packages for many features and functions. To download and install npm packages, you need an npm package manager. This guide uses the npm client command line interface, which is installed with Node.js by default. To check that you have the npm client installed, run npm -v in a terminal window.
Install the Angular CLI
You use the Angular CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment. To install the Angular CLI, open a terminal window and run the following command:
To create a new workspace and initial starter app:
1. Run the CLI command ng new and provide the name my-app, as shown here:
2. The ng new command prompts you for information about features to include in the initial app.
Accept the defaults by pressing the Enter or Return key.The Angular CLI installs the necessary Angular npm packages and other dependencies. This can take a few minutes.
The CLI creates a new workspace and a simple Welcome app, ready to run
The Angular CLI includes a server, so that you can build and serve your app locally.
1. Navigate to the workspace folder, such as my-app.
2. Run the following command:
The ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files.
The --open (or just -o) option
The CLI creates a new workspace and a simple Welcome app, ready to run
Run the application
The Angular CLI includes a server, so that you can build and serve your app locally.
1. Navigate to the workspace folder, such as my-app.
2. Run the following command:
The ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files.
The --open (or just -o) option
automatically opens your browser to http://localhost:4200/.
If your installation and setup was successful, you should see a page similar to the following.
If your installation and setup was successful, you should see a page similar to the following.