Configurer l'IDE | Session BRE05

Install NVM

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

Update the profile in the terminal

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

Install Node 22

nvm install 22

Mettre node 22 par défaut

nvm alias default 22
nvm use default

Tester :

Node

node -v

devrait être 22.0.0 ou plus

NPM

npm -v

devrait être 10.0.0 oui plus

Créer un projet de test

Créer le projet avec vite

npm create vite

Suivez ensuite les étapes dans le terminal comme dans le Gif ci-dessous :

Modifier vite.config.js

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server:{
      host:true,
      port:9000,
      allowedHosts: [
      '.ide.3wa.io'
    ]
  }
})

Configurer le projet

Se rendre dans le dossier

cd test

Installer les dépendances

npm install

Lancer le projet test

npm run dev

Ensuite rendez-vous sur

http://prenomnom.ide.3wa.io:9000/

Vous devriez obtenir ceci :