13. Appendices
13.1. Installing Node.js
[Node.js] can be downloaded from nodejs.org: choose version LTS (long-term support) 24, or version 22 starting with 22.22.3: these are the versions required by [Angular] 22. The [Windows] installer also installs [npm]. Verify the installation in a console:
To run multiple versions of [Node.js] on the same machine, you can use [nvm-windows] (under [Windows]) or [nvm] (under [Linux] and [macOS]).
The examples and case study do not require the installation of any global tools: [Angular CLI] (the [ng] command), the [Angular] compiler, [TypeScript] (and, for the server, the [nest] tool) are part of each project’s dependencies, installed by [npm install]. The scripts in [package.json] ([npm start], [npm run build]) find these tools in the [node_modules] folder. To create a new project yourself, you can use [npx @angular/cli new my-project] without installing anything.
13.2. Installing Visual Studio Code
[Visual Studio Code] can be downloaded from code.visualstudio.com. For [Angular], install the Angular Language Service extension (Angular editor) from the Extensions panel (Ctrl+Shift+X): code completion and type checking in templates, navigation from a selector ([<app-input-field>]) to the component class, from a [templateUrl] to the template file, and real-time highlighting of [Angular] compiler errors as you type.
Open a project via the File / Open Folder menu (the [examples-angular] folder, for example), and open a console within it via the Terminal / New Terminal menu.
13.3. The Angular DevTools extension
The Angular DevTools extension can be installed from the extension store in [Chrome], [Edge], or [Firefox]. It adds an “Angular” tab to the browser’s developer tools (F12), which displays the following for an application running in development mode:
- the page’s component tree, and, for each component, its inputs, outputs, and properties (signals and their values);
- a component’s signal graph: which [computed] depends on which signal;
- the injected services and the injector tree;
- the router’s routes;
- a profiler, which measures the time spent updating each component.
You can modify a piece of data there and watch the page update: an excellent way to understand responsiveness.
13.4. Installing MySQL with Laragon
The JSON server requires [MySQL] (or [MariaDB]). [Laragon] (laragon.org) installs one under [Windows], ready to use, with the [HeidiSQL] administration tool. After installation:
- the “Start All” button launches the [MySQL] server on port 3306;
- the user [root] has no password: these are the default values from the server’s [.env.example] file;
- in [HeidiSQL] (the “Database” button), the File / Run SQL menu item runs the [database/dbrdvmedecins2.sql] script.
In [Linux] or [macOS], install [MySQL] or [MariaDB] using the system’s package manager, and run the script using the command-line client: [mysql -u root -p < database/dbrdvmedecins2.sql].
13.5. Installing curl
[curl] is included with [Windows] versions 10 and 11, [macOS], and most distributions of [Linux]. Check its version:
The option [--json], used in this document, has been available since version 7.82 (2022). If you are using an older version, replace [--json @file] with [-H "Content-Type: application/json" -d @file], or install a recent version from curl.se.
In [PowerShell], you must enter [curl.exe], not [curl]: In [PowerShell], [curl] is an alias for another command ([Invoke-WebRequest]), which does not include the options from [curl]. The command prompt ([cmd]) does not have this issue.