Websites with Angular and Less CSS tutorials
2. Environment setup
av_timer2 minute read

So is this gonna take up too much room? Because I got like, games and stuff on my computer too you know...

  1. Topics of discussion
  2. Intalling Node.JS
  3. Installing the Angular CLI
  4. Installing Visual Studio Code

1. Topics of discussion

In this tutorial, we are going to install everything we need in order to be able to develop our website. So, let's have some fun.

2. Installing Node.JS

Before creation comes a very boring time when we have to install a bunch of programs in order to be able to work properly. The first one in line is Node.JS. Along with Node.JS, the node package manager, or npm, will also get installed.

How does one install Node.JS? Well, one must visit this link. You have two possibilities there. I usually go with a LTS package, but you can get the latest version as well. LTS stands for long term support, which means no new features are added to said version unless it's a security issue, but any and all bugs that appear will be fixed.

I have a 64-bit OS. If you are unsure of your specs, you need to click the Start button on your keyboard, type computer and then when This PC or Computer appears as an option, right click it and select Properties. You should be able to see your System type there.

Select the version which fits your system, download it and install it. Make sure to select the Installer, not the Binary and just use the defaults when installing. No extra configuration is required.

3. Installing the Angular CLI

Now that we have Node.JS and npm installed, we need to install the Angular CLI. This is accomplished like so:

  • press the Start menu button on your keyboard and start writing command
  • once Command Prompt appears as an option, click on it
  • type the following command: npm install -g @angular/cli@7.3.9

What the instruction above does is use npm to install version 7.3.9 of the Angular CLI on your computer. The -g option states that it should be available anywhere you want to use it on your computer. Otherwise, it would have installed it in the folder you were currently in when using the Command Prompt.

If you encounter any fatal errors while running this command, try opening the Command Prompt as an Administrator. This acheived by right-clicking on the Command Prompt program in the Start menu and selecting Run as administrator.

4. Installing Visual Studio Code

Now that that's out of the way as well, it's time to install the program in which we are actually going to code. And the name of that program is Visual Studio Code.

For that, we need to go here and download the latest stable build. After that, just install it using the defaults and you should be good to go.

And that about covers it for this tutorial. In the next one, we are going to create our Angular project.

No comments yet...