Creating the Base Application | Beginning Server-Side Application Development with Angular

Generating a New Application

Now that we have installed and configured Angular CLI, we can start generating our new application.

Running the ng new command will do the following:

To create a new application, perform the following steps:

Open your terminal and navigate to the directory where you want to work on your application:
```
cd dev
```
Once inside your workspace directory, invoke the ng command as follows:
```
ng new angular-social --routing
```
The output of this command will be similar to the following:

Let's have a look at the folders that are created after running this command:

src: This folder contains the source files for our application
src/app/: This folder contains the application files
src/assets/: This folder contains the static assets we can use in our application (such as images)
src/environments/: This folder contains the definition of the default environments of our application
e2e: This folder contains the end-to-end tests for our application

To serve the application, perform the following steps:

When the installation is finished, we can open our terminal and enter the working directory:
```
cd angular-social
```
Run the ng serve command to start the development server:
```
ng serve
```
The output of the command will be as follows:

To view your application, perform the following steps:

In this section, we have created a basic application using Angular CLI and viewed the same in the browser.

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.