Learn about the required tools to get started with proper frontend dev
4 min read
4 min read
Do you prefer watch a video where I explain the tools you’ll need to get started? Here you go:
Git is really powerful and thus needs a bit of practice. Over the years I’ve collected some experiences and a set of common git commands and best practices to move along safely. I’ve bundled all of them into an Egghead course which you can view here: Productive Git for Developers
But back to the installation. You can install Git from the https://git-scm.com/ website.
To install Node.js (and NPM) simply go to https://nodejs.org/en/. Make sure that the
node binary is linked in your
PATH environment variable. To verify it is working properly, open a terminal window (Command Prompt or Git Bash on Windows) and type
npm -v should give you the installed version of NPM.
Sometimes you need multiple node verions in parallel. In that case, take a look at nvm. (Note, for Windows use nvm-windows). The installation instructions are on the repo’s readme (there’s a
curl that downloads a script that installs everything).
It will install a
nvm binary which allows you to issue commands like
nvm list- lists all installed versions of Node
nvm install <version>like
nvm install v10.16.0for installing that specific version of node
nvm alias default 10.16.0to make that the default.
Anyway, you can always just execute
nvm help to get a list of available commands.
You can obviously also use full blown IDEs such as Eclipse or Visual Studio.
For Angular there is a corresponding CLI (Command Line Interface). Its purpose is to improve the entire development experience by helping us to
The Angular ClI comes packaged as a NPM package. As a result, we can install it using
$ npm install -g @angular/cli
This command installs the CLI as a global NPM script which we can then simply invoke using the
ng command in our terminal window.
Alternatively, if you don’t want to install the CLI globally, you can always use npx that comes installed with NPM.