Software setup

1. Installing Node and Serve

The Vue.js ecosystem depends on Node.js, in particular for the tools that transpile applications into pure JavaScript. A sufficiently recent and long-term supported version, such as v22, is required.

1.1. Linux Debian/Ubuntu

The most flexible approach is to install nvm (Node Version Manager) in your home directory so you can choose which Node version to install.

Installation procedure (taken from https://github.com/nvm-sh/nvm) :

• Be sure that curl is installed on your system. If not :

apt-get install curl

• Run this command in a terminal:

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

• Go to your home root, reload the .bashrc file, then install the latest LTS version:

cd ~
source .bashrc
nvm install --lts

• Test the installation (example with v22.18.0):

ordi:~ $ node -v
v22.18.0
ordi:~ $ npm -v
10.9.3

• Install serve:

npm install -g serve

• Test the installation:

ordi:~ $ serve -v
14.2.4

1.2. Windows

Installation procedure:

• Download nvm from: https://github.com/coreybutler/nvm-windows/releases/

• Click on nvm-setup.zip

• Extract the archive and launch nvm-setup.exe

• Once installed, nvm is available in PowerShell

• List the installable node versions : nvm list available

• Choose the most recent LTS version (e.g. 22.18.0) and install it: nvm install --lts

• Specify which version to use: nvm use num_version

• Install serve:

npm install -g serve

2. Setting up the IDEA editor environment

Note: the Ultimate edition of IntelliJ with a valid license is required to install the Vue.js plugin. Student licenses are free.

To create or import a Vue project in IDEA:

• Install the Vue.js plugin via Configure > plugins in the startup window

• Search for "vuejs" in the Marketplace tab and click Install

• After restarting, enable the required plugins in the Installed tab

• Locate the "Javascript Frameworks and Tools" section

• Enable "Javascript and Typescript" and activate all the required dependencies

3. Installing Mongodb server

3.1. Linux

• Follow the instructions given in : https://www.mongodb.com/docs/v8.0/administration/install-on-linux/

3.2. Windows

• Follow instructions given in : https://www.mongodb.com/docs/v8.0/tutorial/install-mongodb-on-windows/
• Prefer the installation via a .msi file.

4. Installing Arduino

Installing just the Arduino development environment is pretty straight forward :

• Go to : https://www.arduino.cc/en/software/

• Choose the version that matches your OS (NB : AppImage is more convenient for Linux)

Nevertheless, the default installation comes with a limited set of boards, and none of those that are used for the « Fullstack web dev with µC » module. So, the dev. kit for esp32 and esp8266 must be installed separately :

• Launch Arduino,

• In File menu, choose Preferences, a dialog opens.

• In the last field “Additional boards manager URLs”, click on the edit icon at the right and in the sub dialog add the 2 lines :

https://arduino.esp8266.com/stable/package_esp8266com_index.json
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

• In the vertical toolbar on the left, clik on the second icon to make “Board Manager Panel” appear.

• In the first field, type : “esp32”.

• !! BEWARE !! There may be several choices so CHOOSE “esp32 by Espressif Systems”. The last version is 3.3.10

• Click on “INSTALL” button and wait … wait … until it’s done, which may be long.

• Once again in the first field, type : “esp8266”, and install “esp8266 by ESP8266 Community”