Setting up a new Angular project

Written by Nanna Bach Munkholm

Founder & CTO Roccai

Have you ever tried creating a new Angular project?
Me neither.

Why not do it together so you can learn from my mistakes and hopefully I can show that it’s possible to do for everyone, no matter your prior programming skills. Last time I working i Angular was in 2020, where it was called AngularJS. A lot of things have happened since then, so lets take it all from the beginning.
Things moves fast within software, so remember to find a tutoial that is up to date. .

Lets get to the fun part of programming.

Angular is a framework that uses HTML, SCSS and Typescript. You don’t need to know about these languages before we begin, but you will need to learn them to start coding your first app. 


I like working in VS Code so everything is going to be done using that code editer.

First step into the world of Angular is to install the required packages.

– I expect that you already have installled node, so you can import what you need to setup a new Angular project.

Go to VS Code

  1. Open the terminal in the folder you want o work within.
  2. Install the Angular CLI: npm install g @angular/cli
  3. Create a new Angual project: ng new myapp-name
    • Would you like to add Angular routing? Y
    • Which stylesheet format would you like to use? SCSS

When the project is installed add the folder to your workspace, by going to File > Add Folder to Workspace.

Now go to your folder > src > app.component.html here you will find the main code of your new application. Lets try to run the application be writing ng serve in the terminal.

Your code should be up and running and look something like this:

That was actually, not that hard. If you have any questions or problems please leave a comment and I will see if I can help. You can now delete everything in the app.component.html and start writing your own code.

Have a great day and happy coding 👩🏽‍💻

You May Also Like…

An Elegant Puzzle: Systems of Engineering Management  – Book review

An Elegant Puzzle: Systems of Engineering Management – Book review

Gain invaluable insights into engineering management with Will Larson’s comprehensive guide. Learn practical tools and strategies for leading teams effectively, from small groups to scaling up. Discover the wisdom of stacking small wins over chasing silver bullets. An essential read for tech leaders at any level

Building an MVP for your Startup

Building an MVP for your Startup

Do you have an entrepreneur within you and want to bring it to life? Creating a business plan and building an MVP (Minimal Viable Product) is the place to start.