Skip to main content

Angular

Angular is a popular open-source web application framework developed by Google. It is primarily used for building single-page applications. It uses TypeScript and allows developers to create modular and maintainable code using declarative templates, end-to-end tooling, and integrated best practices. The framework also provides features like two-way data binding, dependency injection, and directives for extending HTML capability.

Angular versions​

The template now support the following versions of Angular: >=16

May works with other versions, but not tested.

Angular installation​

To use this template, you need to install Angular first. You can do it by following the official documentation

With Angular CLI

dcmd toolbox start # in the parent of your project folder
npm i -g @angular/cli
ng new my_angular_project

Get the template​

At root of your project (where the package.json file is located), run the following command:

dcmd template get angular

Configure the template​

  • Create and configure the environnement file by copying the .env.example file to .env
  • Set the name of your project in the docker-compose.yml file
  • Set the right name for your virtual host in .docker/etc/apache/httpd-vhosts.conf

More information here : project configuration

Initialize the project​

At root of your project (where the package.json file is located), run the following command:

dcmd up

Start the project​

At root of your project (where the package.json folder is located), run the following command:

dcmd ng
Website URL

You're good to go! You can now access your project at : http://${PROJECT_NAME}.dev.local Or : http://localhost:4200