Installeer de Node.js-ontwikkelomgeving

Het instellen van de dev-omgeving

Inhoud

Stap-voor-stap instructies over hoe je nodejs kunt installeren met ondersteunende tools.

Node.js logo

Wanneer

Na het krijgen van een nieuwe, glanzende laptop of herinstalleren van linux is de volgende stap voor een node.js-ontwikkelaar het installeren van zijn/(andere favoriete prononces) favoriete tools. Hier zal ik de reeks noemen waarin ik dit doe.

Waar

Ik gebruik ubuntu linux mint flavour, dus alles is voornamelijk op debian/ubuntu-repositories en -pakketten gebaseerd.

Hoe

Installeer Node.JS met pakketbeheerder

sudo apt-get update
sudo apt-get upgrade

sudo apt-get install nodejs npm

Momenteel installeert dit npm v 9.2.0

Installeer Node.JS Runtime vanaf de node-site

Ga naar https://nodejs.org en download node.js voor je OS.

Voor linux is momenteel de beschikbare LTS-versie v20.16.0.

Je zal moeten:

  • het downloaden
  • het uitpakken in je favoriete appsmap
  • de bin-submap toevoegen aan de path

Mijn favoriete manier is de volgende:

Installeer NVM samen met Node.JS

Node Version Manager (NVM) controleer op de github-pagina

# installeer nvm (Node Version Manager)
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
# of
# curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

# herstart terminal en
# controleer of nvm correct is geïnstalleerd
nvm --version

# download en installeer Node.js (je moet mogelijk de terminal herstarten)
nvm install 20

# controleer of de juiste Node.js-versie in het omgevingsbestand is
node -v   # moet `v20.17.0` of een latere v20-versie afdrukken

# controleer of de juiste npm-versie in het omgevingsbestand is
npm -v    # moet `10.8.2` of een latere versie afdrukken

Om de lijst met geïnstalleerde node-versies te tonen, gebruik je de opdracht

nvm ls

Het zal reageren met een lijst van beschikbare versies, met de actieve versie bovenaan nvm ls response

om te schakelen naar een andere versie:

nvm use 18
nvm use 20

Installeer VS Code

Vooral hebben we een aantal specifieke extensies nodig:

  • ESLint
  • Prettier (Prettier - Code formatter)
  • Node.js Modules IntelliSense

je kunt deze extensies handmatig zoeken in de VS Code extensietab of voer in Launch VS Code Quick Open (Ctrl+P):

ext install ESLint
ext install Prettier - Code formatter
ext install Node.js Modules IntelliSense

Installeer Git en Docker

Zie voor meer informatie over deze onderwerpen: Herinstalleren van linux artikel.

je kunt controleren of ze correct zijn geïnstalleerd met

git --version
docker --version

Aanmaken van een eenvoudige Node.js-toepassing

Maak een lokale map aan

cd ~
mkdir test-njs
cd njs

Voer npm init uit en volg de prompts

npm init

Het zal er ongeveer zo uitzien:

npm init response

Nu kun je een bestand app.js aanmaken en hier gaan we! Voeg een beetje code toe om een eenvoudige API aan te maken:


const http = require ('http');
const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    res.end('Hello Node\n');
});

server.listen(port, hostname, () => {
    console.log(`Server draait op http://${hostname}:${port}`)

});

schakel nu over naar de VS Code-terminal (Ctrl+~) en typ

node app.js

je ziet dan de

Server draait op http://127.0.0.1:3000

Navigeer naar deze URL (Ctrl+Klik erop) en je ziet je standaardbrowservenster met

Hello Node

Leuk!