nodebook
Version:
Node.js • Apprendre par la pratique. Familiarisez-vous avec JavaScript, Node.js et l'écosystème de modules npm. Apprenez à concevoir et à déployer des *applications web* et des *outils en ligne de commande*.
1,540 lines (1,483 loc) • 75.2 kB
HTML
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="Asciidoctor 2.0.9">
<title>Installer, mettre à jour et développer</title>
<style>
#header,
#content,
#footer {
margin: 2rem auto;
max-width: 46rem;
}
#header {
margin-top: 0;
}
.title,
#toctitle {
color: var(--dark-accent);
}
a {
/* white-space: nowrap; */
}
img, iframe, video, audio {
max-width: 100%;
}
p {
font-weight: normal;
}
/* Taken out from book.css */
dl dt {
margin-bottom: 0.3125em;
font-weight: bold;
}
dl dd {
margin-bottom: 1.25em;
}
dt,
th.tableblock,
td.content,
div.footnote {
text-rendering: optimizeLegibility;
}
.literalblock pre,
.literalblock pre[class],
.listingblock pre,
.listingblock pre[class] {
overflow: auto;
word-wrap: break-word;
}
.literalblock pre.nowrap,
.literalblock pre[class].nowrap,
.listingblock pre.nowrap,
.listingblock pre[class].nowrap {
overflow-x: auto;
white-space: pre;
word-wrap: normal;
}
.listingblock {
margin: 0 0 2em;
}
.listingblock > .content {
position: relative;
}
.listingblock > .title {
font-weight: bold;
}
.listingblock code[data-lang]::before {
display: none;
content: attr(data-lang);
position: absolute;
font-size: 0.75em;
top: 1em;
right: 1em;
line-height: 1;
text-transform: uppercase;
color: #999;
}
.listingblock:hover code[data-lang]::before {
display: block;
}
.listingblock.terminal pre .command::before {
content: attr(data-prompt);
padding-right: 0.5em;
color: #999;
}
td.hdlist1,
td.hdlist2 {
vertical-align: top;
padding-right: 0.625em;
}
td.hdlist1 {
font-weight: bold;
}
.literalblock + .colist,
.listingblock + .colist {
margin-top: -1.5em;
}
.colist td:not([class]):first-child {
padding: 0.4em 0.75em 0 0.75em;
line-height: 1;
vertical-align: top;
}
.colist td:not([class]):first-child img {
max-width: none;
}
.colist td:not([class]):last-child {
padding: 0.25em 0;
}
/* Custom classes */
.line-through {
text-decoration: line-through;
}
.RemarquePreTitre,
#toctitle {
font-style: normal;
font-weight: bold;
}
.RemarquePreTitre::after {
content: "•";
padding-left: 5px;
}
.admonitionblock {
}
.admonitionblock > table,
.exampleblock {
--commented: rgba(17, 17, 68, .65);
--border-radius-base: 8px;
background-color: #fafafa;
border: 1px solid var(--dark-shade);
border-left: none;
border-right: none;
margin: 1.5em 0;
padding: 1em;
}
.exampleblock .title {
font-weight: bold;
}
.icon .title {
font-size: 2em;
}
.admonitionblock > table td.icon {
display: none;
vertical-align: middle;
}
@media screen and (min-width: 769px) {
.admonitionblock > table td.icon {
display: table-cell;
}
}
.admonitionblock > table td.icon {
padding-right: 1em;
}
.admonitionblock > table td.icon img {
max-width: none;
}
.colist ol {
margin-left: 1.5em; /* aligns with the listing edge */
padding-left: 0;
font-weight: bold; /* makes it stand out more */
}
.colist ol p {
margin: 0 0 .5em;
}
.listingblock:not(.prismjs) pre,
.language-bash.hljs {
background: #323232;
color: wheat;
margin: 0;
padding: 1rem;
}
.language-bash.hljs .hljs-built_in,
.language-bash.hljs .hljs-builtin-name {
color: white;
}
.language-bash.hljs .hljs-string {
color: lightgreen;
}
.language-bash.hljs .hljs-variable {
color: lightskyblue;
}
.keyseq {
font-weight: normal;
white-space: nowrap;
}
.language-bash.hljs .keyseq {
color: white;
}
.language-bash.hljs kbd {
background: transparent;
box-shadow: none;
color: white;
font-size: 0.8em;
font-weight: bold;
padding: 0.1em 0.4em;
}
.listingblock pre.highlightjs,
.listingblock pre.prismjs {
background-color: transparent;
margin: 0;
padding: 0;
}
.listingblock pre.highlightjs > code,
.listingblock pre.prismjs {
border-left: 4px solid var(--dark-accent);
padding-left: 1em;
font-size: .8em;
}
.listingblock pre.highlightjs > code.language-bash {
border-left-color: limegreen;
}
.token.comment .conum {
font-weight: normal;
}
.hdlist .hdlist1 {
text-align: right;
white-space: nowrap;
}
td > p:first-child {
margin-top: 0;
}
.hljs-comment {
font-style: normal !important;
}
#toc.toc2 a {
text-decoration: none;
white-space: normal;
}
#toc.toc2 a:hover,
#toc.toc2 a:focus {
text-decoration: underline;
}
#toc.toc2 ul {
list-style: none;
}
#toc.toc2 > ul {
padding-left: 0;
}
#toc.toc2 ul ul {
padding-left: 1em;
}
@media screen and (min-width: 769px) {
body {
padding-left: 25vw !important;
}
#header,
#content,
#footer {
margin-left: 0;
}
#toc.toc2 {
height: 100%;
left: 0;
max-width: 20vw;
overflow: auto;
padding: 1rem;
position: fixed;
top: 0;
z-index: 1000;
}
#toc.toc2 > ul {
font-size: 0.85em;
}
#toc li.active > a[href^="#"],
[id]:target {
background: #ffc;
}
}
.admonitionblock.context-callout > table {
border-width: 5px;
border-color: var(--brand-color);
}
</style>
<style type="text/css" class="prism-theme">/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
</style>
<link rel="stylesheet" href="https://oncletom.io/styles/blog.css?v=v3.3.2">
<!-- WebMentions -->
<link rel="pingback" href="https://webmention.io/oncletom.io/xmlrpc">
<link rel="webmention" href="https://webmention.io/oncletom.io/webmention">
<!-- Open Graph -->
<meta property="og:type" content="book">
<meta property="og:image" content="https://oncletom.io/images/publications/nodejs-cover.png">
<meta property="og:book:author" content="Thomas Parisot">
<meta property="og:book:isbn" content="978-2212139938">
<meta property="og:book:release_date" content="2018-12-06">
<meta property="og:book:tag" content="Node.js">
<meta property="og:book:tag" content="JavaScript">
<meta property="og:book:tag" content="npm">
<meta property="og:book:tag" content="Développement front-end">
<meta property="og:book:tag" content="Développement back-end">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Node.js • Apprendre par la pratique">
<!-- Twitter OpenGraph -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@oncletom">
<meta name="twitter:creator" content="@oncletom">
<style type="text/css">
.listingblock [data-bash-subs]::before {
content: attr(data-bash-subs) " ";
opacity: .5; }
.listingblock [data-bash-conum]::before {
content: "(" attr(data-bash-conum) ")";
font-weight: bold;
opacity: .7;
}</style>
<script>
(function(d){
d.addEventListener('DOMContentLoaded', function(){
const {origin} = window.location;
Array.from(document.querySelectorAll('a[href]'))
.filter(link => link.href.indexOf(origin) !== 0)
.forEach(link => {
link.setAttribute('target', '_blank');
link.setAttribute('rel', 'noopener');
});
});
})(document);</script>
<script>
(function(d){
d.addEventListener('DOMContentLoaded', function(){
const script = d.createElement('script');
script.src = 'https://unpkg.com/menuspy@1.3.0/dist/menuspy.js';
script.async = true;
script.onload = () => new MenuSpy(document.querySelector('#toc'), {enableLocationHash: false});
d.body.appendChild(script);
});
})(document);</script>
<style type="text/css">
#toc li.active > a[href^="#"] {
font-weight: bold;
}
#toc li.active > a[href^="#"]::before {
content: "▶ ";
display: inline-block;
position: absolute;
margin-left: -1.2em;
font-size: .8em;
margin-top: 3px;
}
</style>
</head>
<body class="book toc2 toc-left">
<div id="header">
<h1>Installer, mettre à jour et développer</h1>
<div id="toc" class="toc2">
<div id="toctitle">Table des matières</div>
<ul class="sectlevel1">
<li><a href="#install">1. Installer Node.js</a>
<ul class="sectlevel2">
<li><a href="#online">1.1. Sans installation, dans un navigateur web</a></li>
<li><a href="#nvm">1.2. Plusieurs versions sur la même machine (nvm)</a></li>
<li><a href="#install-ubuntu">1.3. Distributions Linux : Debian/Ubuntu et RedHat/CentOS</a></li>
<li><a href="#distributions_linux_lesautres">1.4. Distributions Linux : les autres</a></li>
<li><a href="#install-macos">1.5. macOS</a></li>
<li><a href="#windows">1.6. Windows</a></li>
<li><a href="#install-rpi">1.7. Raspberry Pi</a></li>
<li><a href="#build">1.8. Compiler depuis les sources</a></li>
<li><a href="#install-docker">1.9. Images Docker</a></li>
</ul>
</li>
<li><a href="#shell">2. Vérifier l’installation de Node depuis un terminal (shell)</a>
<ul class="sectlevel2">
<li><a href="#quest_ce_quun_terminal">2.1. Qu’est-ce qu’un terminal ?</a></li>
<li><a href="#choisir_un_terminal">2.2. Choisir un terminal</a></li>
</ul>
</li>
<li><a href="#ide">3. Choisir un éditeur de texte</a>
<ul class="sectlevel2">
<li><a href="#atom">3.1. Atom</a></li>
<li><a href="#vs-code">3.2. Visual Studio Code</a></li>
<li><a href="#webstorm">3.3. WebStorm</a></li>
<li><a href="#vs-ide">3.4. Visual Studio IDE</a></li>
</ul>
</li>
<li><a href="#quand_mettre_à_jour_node_js">4. Quand mettre à jour Node.js ?</a>
<ul class="sectlevel2">
<li><a href="#mises_à_jour_de_sécurité">4.1. Mises à jour de sécurité</a></li>
<li><a href="#versions_mineures">4.2. Versions mineures</a></li>
<li><a href="#versions_majeures">4.3. Versions majeures</a></li>
<li><a href="#lifecycle">4.4. Comprendre le cycle de vie produit</a></li>
</ul>
</li>
<li><a href="#conclusion">5. Conclusion</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="preamble">
<div class="sectionbody">
<div class="admonitionblock tip context-callout">
<table>
<tr>
<td class="icon">
<div class="title">💡</div>
</td>
<td class="content">
<div class="paragraph">
<p>Vous êtes en train de lire
le Chapitre 2
du <a href="https://oncletom.io/node.js/">livre “Node.js”</a>, écrit par
<a href="https://oncletom.io">Thomas Parisot</a> et publié aux
<a href="https://editions-eyrolles.com/Livre/9782212139938">Éditions Eyrolles</a>.</p>
</div>
<div class="paragraph">
<p>L’ouvrage vous plaît ? Achetez-le sur <a href="https://amzn.to/2E58PEw">Amazon.fr</a> ou en
<a href="https://www.placedeslibraires.fr/livre/9782212139938">librairie</a>.
<a href="https://opencollective.com/nodebook">Donnez quelques euros</a> pour contribuer
à sa gratuité en ligne.</p>
</div>
</td>
</tr>
</table>
</div>
<div class="paragraph">
<p>Installons Node et l’outillage de développement qui nous correspond le mieux,
peu importe notre niveau de familiarité avec le développement logiciel.</p>
</div>
<div class="exampleblock">
<div class="content">
<div class="ulist">
<div class="title">Sommaire</div>
<ul>
<li>
<p>Installer Node.js sur notre ordinateur</p>
</li>
<li>
<p>Choisir un éditeur de code pour écrire nos programmes</p>
</li>
<li>
<p>Déterminer quand migrer vers une nouvelle version de Node.js</p>
</li>
</ul>
</div>
</div>
</div>
<div class="quoteblock abstract">
<blockquote>
<div class="paragraph">
<p>Certains systèmes d’exploitation embarquent l’environnement d’exécution Node,
tandis que d’autres ne le font pas, ou alors dans une version trop ancienne.
Idéalement, nous voudrions pouvoir <strong>installer la version de Node de notre choix</strong>.</p>
</div>
<div class="paragraph">
<p>Les <strong>éditeurs de code</strong> nous facilitent la vie en rendant le code lisible
en ajoutant de la couleur et des repères visuels.
Ces logiciels nous invitent à piocher dans leur bibliothèque d’extensions
pour en faire un outil qui nous ressemble.</p>
</div>
</blockquote>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<div class="title">💬</div>
</td>
<td class="content">
<div class="title"><span class="RemarquePreTitre">Remarque</span> Versions de Node et npm</div>
<div class="paragraph">
<p>Le contenu de ce chapitre utilise les versions <strong>Node v10</strong>
et <strong>npm v6</strong>.
Ce sont les versions stables recommandées en 2019.</p>
</div>
</td>
</tr>
</table>
</div>
<div class="paragraph">
<p>Il n’est pas nécessaire d’avoir suivi des études d’informatique
pour vouloir s’essayer à la programmation.
Cela n’implique pas non plus d’en faire son métier.</p>
</div>
<div class="paragraph">
<p>Que l’on se qualifie de débutant·e, confirmé·e ou expert·e,
il y a un petit rituel auquel on coupera difficilement :</p>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>installer Node.js pour <strong>voir le résultat de nos programmes</strong> écrits en JavaScript ;</p>
</li>
<li>
<p>installer un éditeur de code pour <strong>écrire nos programmes JavaScript plus confortablement</strong>.</p>
</li>
</ol>
</div>
<div class="paragraph">
<p>Si l’idée est de jouer rapidement avec du code,
sans rien installer et avec le premier ordinateur qui vous passe sous la main,
je vous invite à aller directement à la section
“<a href="#online">Sans installation, dans un navigateur web</a>” ci-après.</p>
</div>
<div class="paragraph">
<p>Les sections qui suivent vont vous aider à créer un environnement Node à jour
sur votre ordinateur.
Ce contenu s’applique également à un serveur destiné à héberger vos applications.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="install">1. Installer Node.js</h2>
<div class="sectionbody">
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Il y a plusieurs manières d’installer Node sur une machine.
Elles sont <em>toutes</em> correctes.
Certaines sont plus adaptées que d’autres,
selon votre aisance avec un <a href="#shell">terminal</a>
et selon le besoin de jongler rapidement entre différentes versions de Node.</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Si vous vous êtes déjà servi d’un terminal : je recommande d’utiliser <a href="#nvm">nvm</a>.</p>
</li>
<li>
<p>Si vous ne vous êtes jamais servi d’un terminal : il est plus simple d’utiliser un <em>installeur</em> depuis le site officiel de Node.</p>
</li>
<li>
<p>Si vous souhaitez maîtriser les options d’installation : il serait logique de <a href="#build">compiler depuis les <em>sources</em></a> et/ou <a href="#docker">d’utiliser Docker</a>.</p>
</li>
<li>
<p>Si rien de tout ça ne vous parle : des services en ligne rendent <a href="#online">Node accessible depuis un simple navigateur web</a>.</p>
</li>
</ul>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<div class="title">💬</div>
</td>
<td class="content">
<div class="title"><span class="RemarquePreTitre">Question</span> Pourquoi utiliser un installeur ?</div>
<div class="paragraph">
<p>Les installeurs facilitent l’installation de Node, en quelques clics et sans toucher à un terminal.</p>
</div>
<div class="paragraph">
<p>Si vous utilisez un installeur correspondant à une version plus récente de Node,
c’est celle-ci qui sera utilisée dans <em>tous</em> vos projets.</p>
</div>
<div class="paragraph">
<p>C’est la solution la plus simple pour installer Node.</p>
</div>
</td>
</tr>
</table>
</div>
<div class="sect2">
<h3 id="online">1.1. Sans installation, dans un navigateur web</h3>
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Il est facile de s’essayer à Node avec un navigateur web moderne comme
Firefox, Edge ou Chrome.
Des services en ligne combinent un <a href="#ide">éditeur de texte</a>
et un environnement d’exécution Node à distance.</p>
</div>
<div class="paragraph">
<p>Nous brosserons le portrait de trois services qui diffèrent par leurs
fonctionnalités et leur rapidité de prise en main :_RunKit, Codenvy et Cloud9.</p>
</div>
<div class="paragraph">
<p>RunKit (<span class="URL"><a href="https://runkit.com" class="bare">runkit.com</a></span>) est de loin le service le plus simple.
Il s’articule autour d’un concept de <em>bac à sable</em> ;
notre code ne sera pas plus long qu’un fichier.
Pour créer un nouveau bac à sable,
il suffit de se rendre sur <span class="URL"><a href="https://runkit.com/new" class="bare">runkit.com/new</a></span>.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/runkit-playground.png" alt="runkit playground" width="85%">
</div>
<div class="title">Figure 1. Bac à sable sur RunKit</div>
</div>
<div class="paragraph">
<p>Codenvy (<span class="URL"><a href="https://codenvy.io" class="bare">codenvy.io</a></span>) est un service basé sur le
logiciel open source Eclipse et édité par la compagnie Red Hat.
L’interface est organisée exactement comme un des <a href="#ide">éditeurs de texte</a>
abordé plus loin dans ce chapitre.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/codenvy-workspace.png" alt="codenvy workspace" width="85%">
</div>
<div class="title">Figure 2. Espace de travail sur Codenvy</div>
</div>
<div class="paragraph">
<p>Le processus de création de projet est relativement intuitif
et il est très facile d’importer du code hébergé en ligne, sur GitHub
notamment.
La configuration minimale d’un projet est gratuite tandis que
les fonctionnalités avancées et le travail en équipe sont payantes.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/codenvy-dashboard.png" alt="codenvy dashboard" width="85%">
</div>
<div class="title">Figure 3. Processus de création d’un espace de travail sur Codenvy</div>
</div>
<div class="paragraph">
<p>Enfin, Cloud9 (<span class="URL"><a href="https://c9.io" class="bare">c9.io</a></span>) est un service propriétaire
édité par la compagnie Amazon Web Services (AWS, <span class="URL"><a href="https://aws.amazon.com" class="bare">aws.amazon.com</a></span>).
Il intègre des fonctionnalités similaires à celles de Codenvy
(éditeur en ligne, configuration de machine)
et s’intègre de manière poussée avec les autres services d’AWS,
dont <em>EC2</em> et <a href="../chapter-06/index.html#hosting.lambda"><em>Lambda</em></a>
(<a href="../chapter-06/index.html">chapitre 6</a>).
Le service est entièrement gratuit ; c’est la consommation de ressources qui
est payante, à l’heure, en fonction du dimensionnement des ressources demandées.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/cloud9-configuration.png" alt="cloud9 configuration" width="85%">
</div>
<div class="title">Figure 4. Configuration d’un espace de travail Cloud9</div>
</div>
<div class="paragraph">
<p>Cloud9 a peu d’opinions sur la manière dont votre environnement
doit être configuré.
Tout devra être configuré, des accès à votre compte GitHub à la version de
Node à installer.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/cloud9-workspace.png" alt="cloud9 workspace" width="85%">
</div>
<div class="title">Figure 5. Espace de travail sur Cloud9</div>
</div>
<div class="paragraph">
<p>Cela tombe bien, <a href="#nvm"><code>nvm</code></a> est préinstallé sur chaque espace de travail.</p>
</div>
</div>
<div class="sect2">
<h3 id="nvm">1.2. Plusieurs versions sur la même machine (nvm)</h3>
<div class="paragraph">
<p>
</p>
</div>
<div class="paragraph">
<p><code>nvm</code> est l’acronyme de <em>Node Version Manager</em>.
Ce logiciel permet d'<strong>installer plusieurs versions de Node sur un même ordinateur</strong>.
Si vous êtes sous Windows, <a href="#nvm-windows"><code>nvm-windows</code></a> offre exactement
les mêmes fonctionnalités (voir encadré).</p>
</div>
<div class="paragraph">
<p>Si vous venez d’un autre univers de programmation,
<code>nvm</code> est l’équivalent de <code>rvm</code> ou <code>rbenv</code> dans le monde Ruby, de <code>phpenv</code> dans
le monde PHP ou encore de <code>virtualenv</code> pour Python.</p>
</div>
<div class="paragraph">
<p>Le programme s’obtient à l’adresse suivante : <span class="URL"><a href="https://github.com/creationix/nvm" class="bare">github.com/creationix/nvm</a></span>.</p>
</div>
<div id="nvm-windows" class="admonitionblock tip">
<table>
<tr>
<td class="icon">
<div class="title">💡</div>
</td>
<td class="content">
<div class="title"><span class="RemarquePreTitre">Alternatives</span> <code>nvm</code> pour Windows</div>
<div class="paragraph">
<p><code>nvm</code> ne fonctionne pas sur les ordinateurs équipés de Windows.
Il existe trois alternatives :</p>
</div>
<div class="ulist">
<ul>
<li>
<p><code>nvm-windows</code> (<span class="URL"><a href="https://github.com/coreybutler/nvm-windows" class="bare">github.com/coreybutler/nvm-windows</a></span>) offre
les mêmes fonctionnalités que son équivalent pour Linux et macOS.
Il est facile à installer et ne demande pas de privilège système particulier
pour fonctionner.</p>
</li>
<li>
<p>Deux autres solutions sont à essayer si <code>nvm-windows</code> pose problème :
<code>nvmw</code> (<span class="URL"><a href="https://github.com/hakobera/nvmw" class="bare">github.com/hakobera/nvmw</a></span>) et
<code>nodist</code> (<span class="URL"><a href="https://github.com/marcelklehr/nodist" class="bare">github.com/marcelklehr/nodist</a></span>).</p>
</li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<div class="listingblock">
<div class="title">Commande d’installation du logiciel nvm v0.33.11</div>
<div class="content">
<pre><span data-bash-subs="$"></span>curl -L https://github.com/creationix/nvm/raw/v0.33.11/install.sh | bash</pre>
</div>
</div>
<div class="admonitionblock tip">
<table>
<tr>
<td class="icon">
<div class="title">💡</div>
</td>
<td class="content">
<div class="title"><span class="RemarquePreTitre">Alternative</span> nvm sous macOS</div>
<div class="paragraph">
<p><code>nvm</code> et Node s’installent encore plus facilement sous macOS si vous
utilisez le logiciel <em>Homebrew</em>.</p>
</div>
<div class="paragraph">
<p>Rendez-vous dans la section « <a href="#install-macos">macOS</a> » pour en
savoir plus.</p>
</div>
</td>
</tr>
</table>
</div>
<div class="paragraph">
<p>Nous sommes libres d’installer toutes les versions de Node qui nous intéressent
en appelant la commande <code>nvm install</code> dans un <a href="#shell">terminal</a>.
</p>
</div>
<div class="listingblock">
<div class="title">Installation de deux versions différentes de Node</div>
<div class="content">
<pre><span data-bash-subs="$"></span>nvm install v10
<span data-bash-subs="$"></span>nvm install v9</pre>
</div>
</div>
<div class="paragraph">
<p>Dans cet exemple, nous installons deux versions de Node sur le même
ordinateur.
La version active est la dernière installée.
On retrouve à tout moment les versions installées avec la commande <code>nvm ls</code>.
</p>
</div>
<div class="listingblock">
<div class="title">Liste des versions installées de Node avec la commande <code>nvm ls</code></div>
<div class="content">
<pre><span data-bash-subs="$"></span>nvm ls
-> v10.9.0
v9.0.0
system
default -> v10 (-> v10.9.0) (default)</pre>
</div>
</div>
<div class="paragraph">
<p>Cet exemple détaille la liste des versions de Node installées
et celle des <em>alias</em> – associations entre un libellé et une version.</p>
</div>
<div class="paragraph">
<p>La commande <code>nvm use</code> nous fait naviguer entre des versions différentes de Node.
L’utilisation répétée de <code>nvm use v10</code> et de
<code>nvm use v9</code> nous fera aller et venir entre ces deux versions,
sans rien perdre de ce que nous étions en train de faire.
</p>
</div>
<div class="paragraph">
<p>La commande <code>nvm --help</code> affiche de l’aide à propos des commandes disponibles.
J’utilise principalement les suivantes :
</p>
</div>
<div class="ulist">
<ul>
<li>
<p><code>nvm install</code> : installe ou met à jour une version de Node.</p>
</li>
<li>
<p><code>nvm ls</code> : liste les versions installées.</p>
</li>
<li>
<p><code>nvm use</code> : bascule vers une version donnée.</p>
</li>
<li>
<p><code>nvm alias <nom> <version></code> : crée un alias nommé vers une version.</p>
</li>
<li>
<p><code>nvm run <version> <script></code> : exécute un script Node dans une version donnée.
</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>Quand nous avons fixé une version de Node à utiliser au quotidien,
l’alias spécial <code>default</code> en fait la version qui est systématiquement activée :
</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>nvm alias default 10</pre>
</div>
</div>
<div class="paragraph">
<p>La commande <code>nvm use</code> nous sert alors à activer une autre version pendant
la durée nécessaire à notre expérimentation.</p>
</div>
</div>
<div class="sect2">
<h3 id="install-ubuntu">1.3. Distributions Linux : Debian/Ubuntu et RedHat/CentOS</h3>
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Ces distributions Linux listent Node dans leurs paquets officiels.
Un simple <code>apt-get install nodejs</code> et ça fonctionne !
Ou presque, car bien souvent on écopera d’une vieille version de Node.</p>
</div>
<div class="paragraph">
<p>Des paquets officiels pour Debian (≥ jessie), Ubuntu (≥ 12.04), Mint,
RedHat Enterprise Linux (RHEL) et CentOS sont maintenus sur
<span class="URL"><a href="https://github.com/nodesource/distributions" class="bare">github.com/nodesource/distributions</a></span>.</p>
</div>
<div class="paragraph">
<p>L’installation de Node 10.x sous Ubuntu et Mint se résume
aux commandes suivantes :</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>sudo su
<span data-bash-subs="$"></span>curl -sL https://deb.nodesource.com/setup_10.x | bash -
<span data-bash-subs="$"></span>sudo apt-get install -y nodejs</pre>
</div>
</div>
<div class="paragraph">
<p>Pour Debian, il faudra se mettre en <code>root</code> et ensuite saisir ces commandes :</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>curl -sL https://deb.nodesource.com/setup_10.x | bash -
<span data-bash-subs="$"></span>apt-get install -y nodejs</pre>
</div>
</div>
<div class="paragraph">
<p>Pour RHEL et CentOS, il faudra se mettre en <code>root</code> et saisir la commande suivante :</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>curl -sL https://rpm.nodesource.com/setup_10.x | bash -</pre>
</div>
</div>
</div>
<div class="sect2">
<h3 id="distributions_linux_lesautres">1.4. Distributions Linux : les autres</h3>
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Des paquets officiels pour d’autres distributions que Debian, Ubuntu et Mint
sont maintenus et accessibles par le biais des gestionnaires de paquets habituels :</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Gentoo : <code>emerge nodejs</code></p>
</li>
<li>
<p>Fedora (≥ 18) : <code>sudo yum install nodejs npm</code></p>
</li>
<li>
<p>Arch Linux : <code>pacman -S nodejs</code></p>
</li>
<li>
<p>FreeBSD, OpenBSD : <code>pkg install node</code></p>
</li>
</ul>
</div>
<div class="paragraph">
<p>La liste à jour est maintenue sur le site officiel de Node :
<span class="URL"><a href="https://nodejs.org/fr/download/package-manager" class="bare">nodejs.org/fr/download/package-manager</a></span>.</p>
</div>
<div class="paragraph">
<p>Notez que vous pouvez aussi utiliser <a href="#nvm">nvm</a> pour gérer vos versions de
Node indépendamment du cycle de vie de votre système d’exploitation Linux.</p>
</div>
</div>
<div class="sect2">
<h3 id="install-macos">1.5. macOS</h3>
<div class="paragraph">
<p>
</p>
</div>
<div class="paragraph">
<p>Un installeur officiel pour macOS est fourni sur le site de Node,
à l’adresse <span class="URL"><a href="https://nodejs.org/fr/download/" class="bare">nodejs.org/fr/download/</a></span>.</p>
</div>
<div class="paragraph">
<p><a href="#nvm">nvm</a> est la voie alternative recommandée pour gérer plusieurs versions
de Node en parallèle.</p>
</div>
<div class="paragraph">
<p>Il est toutefois possible d’installer Node et <code>nvm</code> via le gestionnaire de
paquets Homebrew (<span class="URL"><a href="https://brew.sh" class="bare">brew.sh</a></span>).
Il aide à installer des logiciels qui ne sont pas distribués via le
<em>Mac App Store</em>.</p>
</div>
<div class="olist arabic">
<ol class="arabic">
<li>
<p>Installer les <em>Command Line Tools</em> pour compiler des logiciels depuis leur code source.</p>
</li>
<li>
<p>Installation Homebrew.</p>
</li>
</ol>
</div>
<div class="listingblock">
<div class="title">Installation des Command Line Tools et de Homebrew sous macOS</div>
<div class="content">
<pre><span data-bash-subs="$"></span>xcode-select --install
<span data-bash-subs="$"></span>/usr/bin/ruby -e "$(curl -fsSL https://git.io/brew-install)"</pre>
</div>
</div>
<div class="paragraph">
<p>Pour installer <code>nvm</code>, il suffit alors de lancer la commande suivante :</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>brew install nvm</pre>
</div>
</div>
<div class="paragraph">
<p>Ou, pour installer une seule version de Node, la plus récente :</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>brew install node</pre>
</div>
</div>
<div class="paragraph">
<p>Vous obtiendrez des options d’installation et de configuration en tapant
<code>brew info nvm</code> et/ou <code>brew info node</code>.</p>
</div>
</div>
<div class="sect2">
<h3 id="windows">1.6. Windows</h3>
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Un installeur officiel pour Windows est fourni sur le site de Node à l’adresse
<span class="URL"><a href="https://nodejs.org/fr/download/" class="bare">nodejs.org/fr/download/</a></span>.</p>
</div>
<div class="paragraph">
<p><a href="#nvm"><code>nvm-windows</code></a> est la voie alternative recommandée pour gérer plusieurs
versions de Node en parallèle.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/windows-node-installer.png" alt="windows node installer" width="50%">
</div>
<div class="title">Figure 6. Un des écrans d’installation de Node sous Windows 10</div>
</div>
<div class="paragraph">
<p>L’installeur officiel créera plusieurs raccourcis dans le
dossier du menu <span class="menuseq"><b class="menu">Démarrer</b> <b class="caret">›</b> <b class="menuitem">Node.js</b></span> :</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/windows-node-menu.png" alt="windows node menu" width="50%">
</div>
<div class="title">Figure 7. Node.js dans le menu Démarrer sous Windows 10</div>
</div>
<div class="paragraph">
<p>Le menu créé par l’installeur contient deux icônes que nous utiliserons tout
au long de la lecture de cet ouvrage :</p>
</div>
<div class="ulist">
<ul>
<li>
<p><span class="menuseq"><b class="menu">Node.js</b> <b class="caret">›</b> <b class="menuitem">Node.js</b></span> : un terminal pour jouer avec JavaScript et voir les résultats que
Node va interpréter ;</p>
</li>
<li>
<p><span class="menuseq"><b class="menu">Node.js</b> <b class="caret">›</b> <b class="menuitem">Node.js command prompt</b></span> : un terminal pour exécuter nos programmes écrits
en JavaScript.</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>Si vous utilisez déjà un gestionnaire de paquets comme Scoop (<span class="URL"><a href="http://scoop.sh" class="bare">scoop.sh</a></span>)
ou Chocolatey (<span class="URL"><a href="https://chocolatey.org" class="bare">chocolatey.org</a></span>),
le chemin d’installation vers Node s’en trouvera réduit à une simple commande :</p>
</div>
<div class="listingblock">
<div class="title">Avec Scoop</div>
<div class="content">
<pre><span data-bash-subs="$"></span>scoop install nodejs</pre>
</div>
</div>
<div class="listingblock">
<div class="title">Avec Chocolatey</div>
<div class="content">
<pre><span data-bash-subs="$"></span>choco install nodejs</pre>
</div>
</div>
<div class="admonitionblock warning">
<table>
<tr>
<td class="icon">
<div class="title">🚨</div>
</td>
<td class="content">
<div class="title"><span class="RemarquePreTitre">Attention</span> Versions de Windows</div>
<div class="paragraph">
<p>Node n’est pas compatible avec les versions antérieures à Vista.
Cela inclut Windows XP.</p>
</div>
<div class="paragraph">
<p>Mieux vaudra utiliser un <a href="#online">service en ligne</a> pour essayer Node sur
votre ordinateur ou passer à Linux pour lui redonner une seconde
vie en toute sécurité !</p>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="sect2">
<h3 id="install-rpi">1.7. Raspberry Pi</h3>
<div class="paragraph">
<p>
</p>
</div>
<div class="paragraph">
<p>Des binaires sont disponibles pour les microcontrôleurs fonctionnant avec des
processeurs ARM v6/7/8, au cœur de ce que l’on appelle
<em>Internet des Objets</em> (<em>Internet of Things</em>, <em>IoT</em>).
Ces petits ordinateurs consomment peu d’énergie, disposent d’une connectique
pour se relier à Internet et s’interfacent avec toutes sortes de capteurs.</p>
</div>
<div class="paragraph">
<p>Un paquet <code>deb</code> est également proposé pour les utilisateurs du
système d’exploitation Raspbian (<span class="URL"><a href="https://www.raspbian.org" class="bare">www.raspbian.org</a></span>).
Les instructions d’installation sont identiques à celles décrites
dans la section relative aux <a href="#install-ubuntu">distributions Linux Debian</a>.</p>
</div>
<div class="listingblock">
<div class="title">Installation de Node v10 sur Raspberry Pi Model 3 (CPU ARMv8)</div>
<div class="content">
<pre><span data-bash-subs="$"></span>curl -SLO https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-arm64.tar.xz
<span data-bash-subs="$"></span>tar -xJf "node-v10.9.0-linux-arm64.tar.xz" -C /usr/local --strip-components=1
<span data-bash-subs="$"></span>ln -s /usr/local/bin/node /usr/local/bin/nodejs</pre>
</div>
</div>
<div class="paragraph">
<p>Tous les binaires et les instructions d’installation sont disponibles
sur <span class="URL"><a href="https://nodejs.org/fr/download/" class="bare">nodejs.org/fr/download/</a></span>.</p>
</div>
</div>
<div class="sect2">
<h3 id="build">1.8. Compiler depuis les sources</h3>
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Certaines situations exigeront que vous compiliez Node.
C’est le cas si vous cherchez à travailler au plus près du système sur lequel
vous comptez déployer vos applications.
Je pense par exemple à des architectures à processeur ARM, PowerPC,
IBM System/390 ou bien à des systèmes Android, OpenBSD ou AIX.</p>
</div>
<div class="paragraph">
<p>La compilation manuelle est également intéressante pour régler plus finement
certains aspects de Node : rendre le binaire indépendant des
bibliothèques système (statique), le module <code>http/2</code>,
langues et fuseaux horaires fonctionnels avec l’API ECMA 402 Intl,
options de sécurité liées à OpenSSL, mais aussi l’intégration avec des
profileurs et débogueurs externes (type XCode, GNU Debugger, Intel VTune).</p>
</div>
<div class="listingblock">
<div class="title">Étapes de compilation de Node v10.9.0</div>
<div class="content">
<pre><span data-bash-subs="$"></span>curl -sS https://nodejs.org/dist/v10.9.0/node-v10.9.0.tar.gz \
| tar -zxf -
<span data-bash-subs="$"></span>cd node-v10.9.0
<span data-bash-subs="$"></span>./configure && make && make install</pre>
</div>
</div>
<div class="paragraph">
<p>La compilation manuelle requiert la présence de GCC (≥ 4.9), de Python (≥ 2.6)
et de GNU Make (≥ 3.81).</p>
</div>
<div class="paragraph">
<p>Les instructions de compilation varient d’un système d’exploitation à l’autre.
Consultez les dépendances et instructions complètes à
l’adresse suivante : <span class="URL"><a href="https://github.com/nodejs/node/blob/master/BUILDING.md" class="bare">github.com/nodejs/node/blob/master/BUILDING.md</a></span>.</p>
</div>
</div>
<div class="sect2">
<h3 id="install-docker">1.9. Images Docker</h3>
<div class="paragraph">
<p>
</p>
</div>
<div class="paragraph">
<p>Docker (<span class="URL"><a href="https://docker.com" class="bare">docker.com</a></span>) est un outil open source dit d'<em>applications en conteneur</em>.
Une de ses qualités principales est d'<strong>isoler l’exécution d’applications de leur environnement</strong>.
Une image Docker décrit la recette d’installation d’une application.
L’environnement d’exécution Docker fait office de "passe-plat" avec le système d’exploitation.
Une image Docker fonctionne ainsi de la même manière, qu’elle soit exécutée
sous Linux, macOS ou encore Windows.</p>
</div>
<div class="paragraph">
<p>Les installeurs et instructions d’installation de Docker se trouvent
à l’adresse <span class="URL"><a href="https://docker.com/community-edition" class="bare">docker.com/community-edition</a></span>.</p>
</div>
<div class="paragraph">
<p>Une fois Docker installé, on peut exécuter une image officielle pour
Node v10.</p>
</div>
<div class="listingblock">
<div class="title">Affiche la version de Node</div>
<div class="content">
<pre><span data-bash-subs="$"></span>docker run -ti --rm node:10 node --version
v10.9.0</pre>
</div>
</div>
<div class="paragraph">
<p>Ici, Docker télécharge l’image <code>node:10</code> et exécute la commande
<code>node --version</code> dans un contexte isolé du système d’exploitation.</p>
</div>
<div class="paragraph">
<p>Pour lancer un terminal Node dans Docker, il faudrait saisir la commande suivante :</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>docker run -ti --rm node:10 node
<span data-bash-subs=">"></span>2+2
4</pre>
</div>
</div>
<div class="paragraph">
<p>Plusieurs variantes d’images Node se trouvent à notre disposition :</p>
</div>
<div class="dlist">
<dl>
<dt class="hdlist1"><span class="Menu">standard</span> (<code>node:10</code>)</dt>
<dd>
<p>Base Linux Debian pour tout type d’applications Node.</p>
</dd>
<dt class="hdlist1"><span class="Menu">Debian</span> (<code>node:10-wheezy</code>)</dt>
<dd>
<p>Comme <span class="Menu">standard</span> mais sur des bases Debian différentes, comme Wheezy, Stretch, etc..</p>
</dd>
<dt class="hdlist1"><span class="Menu">Alpine</span> (<code>node:10-alpine</code>)</dt>
<dd>
<p>Distribution spécialement créée pour Docker (<span class="URL"><a href="http://alpinelinux.org" class="bare">alpinelinux.org</a></span>), qui pèse à peine quelques Mo.</p>
</dd>
<dt class="hdlist1"><span class="Menu">Allégée</span> (<code>node:10-slim</code>)</dt>
<dd>
<p>Base Linux Debian sans outillage parfois nécessaire à des modules Node – utile si vous souhaitez économiser de l’espace disque.</p>
</dd>
</dl>
</div>
<div class="paragraph">
<p>L’intégralité des versions et architectures prises en charge est disponible sur
le catalogue Docker Hub : <span class="URL"><a href="https://hub.docker.com/_/node/" class="bare">hub.docker.com/_/node/</a></span>.</p>
</div>
<div class="paragraph">
<p>Nous reviendrons sur ce sujet dans la section
“<a href="../chapter-06/index.html#deploy.docker">Déploiement d’une image Docker</a>” du
<a href="../chapter-06/index.html">chapitre 6</a>.</p>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="shell">2. Vérifier l’installation de Node depuis un terminal (shell)</h2>
<div class="sectionbody">
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Nous avons installé un environnement d’exécution Node dans la section précédente.
Pour vérifier que tout s’est bien déroulé, ouvrez un terminal et saisissez
la commande suivante :</p>
</div>
<div class="listingblock">
<div class="content">
<pre><span data-bash-subs="$"></span>node --version
v10.9.0</pre>
</div>
</div>
<div class="paragraph">
<p>Le numéro de version du Node fraichement installé devrait apparaître.
Si le mot <em>terminal</em> ne vous parle pas, la suite de cette section va vous
éclairer – vous pourrez ensuite revenir essayer cette commande.</p>
</div>
<div class="sect2">
<h3 id="quest_ce_quun_terminal">2.1. Qu’est-ce qu’un terminal ?</h3>
<div class="paragraph">
<p></p>
</div>
<div class="paragraph">
<p>Le <a href="#shell">terminal</a> est notre compagnon pour dialoguer avec le système d’exploitation.
L'<em>invite de commandes</em> est son nom véritable.
Ce nom nous donne un indice sur la fonction de ce type de logiciel :
inviter l’utilisateur à saisir des commandes pour obtenir des résultats calculés
par un ordinateur.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/macos-terminal.png" alt="macos terminal" width="70%">
</div>
<div class="title">Figure 8. Terminal iTerm2 sous macOS</div>
</div>
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<div class="title">💬</div>
</td>
<td class="content">
<div class="title"><span class="RemarquePreTitre">Histoire</span> Terminal physique</div>
<div class="paragraph">
<p>L’histoire des invites de commande remonte au temps où les ordinateurs
étaient plus volumineux que nos logements.
Une époque lointaine où les ordinateurs étaient véritablement et physiquement
distants des claviers qui les interrogeaient.</p>
</div>
<div class="paragraph">
<p>Pour en savoir plus : <span class="URL"><a href="https://fr.wikipedia.org/wiki/Terminal_informatique" class="bare">fr.wikipedia.org/wiki/Terminal_informatique</a></span>.</p>
</div>
</td>
</tr>
</table>
</div>
<div class="paragraph">
<p>Un terminal est notre <strong>moyen privilégié pour interagir avec Node</strong> lorsqu’il
est installé sur un ordinateur.
Les systèmes d’exploitation en ont pour la plupart un installé par défaut.
Cela vaut également pour la majorité des <a href="#online">services en ligne</a>.
</p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/glitch-terminal.png" alt="glitch terminal" width="70%">
</div>
<div class="title">Figure 9. Terminal du <a href="#online">service en ligne</a> Glitch</div>
</div>
</div>
<div class="sect2">
<h3 id="choisir_un_terminal">2.2. Choisir un terminal</h3>
<div class="paragraph">
<p>Voici une liste non exhaustive d’applications de type terminal :
</p>
</div>
<div class="dlist">
<dl>
<dt class="hdlist1">macOS</dt>
<dd>
<div class="ulist">
<ul>
<li>
<p>Terminal.app : fourni par défaut (dans <span class="menuseq"><b class="menu">Applications</b> <b class="caret">›</b> <b class="menuitem">Utilitaires</b></span>) ;</p>
</li>
<li>
<p>iTerm2 : une version améliorée disponible sur <span class="URL"><a href="https://iterm2.com" class="bare">iterm2.com</a></span> (ou <code>brew cask install iterm2</code>) ;</p>
</li>
</ul>
</div>
</dd>
<dt class="hdlist1">Linux</dt>
<dd>
<div class="ulist">
<ul>
<li>
<p>GNOME Terminal : fourni par défaut sous Debian, Ubuntu et les distributions utilisant le bureau GNOME (<span class="URL"><a href="https://wiki.gnome.org/Apps/Terminal" class="bare">wiki.gnome.org/Apps/Terminal</a></span>) ;</p>
</li>
<li>
<p>Terminator : un autre terminal populaire (<span class="URL"><a href="https://gnometerminator.blogspot.com" class="bare">gnometerminator.blogspot.com</a></span>) ;</p>
</li>
</ul>
</div>
</dd>
<dt class="hdlist1">Windows</dt>
<dd>
<div class="ulist">
<ul>
<li>
<p>Node.js Command Prompt : fourni avec l'<a href="#windows">installeur Windows</a> ;</p>
</li>
<li>
<p>PowerShell : fourni par défaut depuis Windows 7, sinon disponible sur <span class="URL"><a href="https://github.com/PowerShell/PowerShell" class="bare">github.com/PowerShell/PowerShell</a></span> – également disponible pour macOS et Linux.</p>
</li>
</ul>
</div>
</dd>
</dl>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/windows-terminal.png" alt="windows terminal" width="70%">
</div>
<div class="title">Figure 10. Node.js Command Prompt sous Windows 10</div>
</div>
<div class="paragraph">
<p>Maintenant que nous avons installé Node et compris comment
y accéder depuis notre système d’exploitation ou navigateur web,
attaquons-nous au dernier morceau du puzzle :
<strong>avec quel logiciel écrire du code JavaScript pour nos applications Node</strong> ?</p>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="ide">3. Choisir un éditeur de texte</h2>
<div class="sectionbody">
<div class="paragraph">
<p>
</p>
</div>
<div class="paragraph">
<p>Programmer pour Node revient dans la majorité des cas à écrire du JavaScript.
À cela s’ajoutent le HTML et le CSS dans le cas d’applications ou de sites web.</p>
</div>
<div class="paragraph">
<p>À la base, si un éditeur de texte suffit pour écrire du code,
prenons le temps de regarder ce qui pourrait nous apporter un peu de confort
dans le processus d’écriture.</p>
</div>
<div class="paragraph">
<p>Les logiciels présentés ci-après couvrent bon nombre de fonctionnalités
qui améliorent de près ou de loin notre capacité à écrire du code de qualité.
Parmi elles, on retrouve la coloration syntaxique,
l’inspection dynamique, le débogage, des astuces de productivité et
d’intégration à l’écosystème Node.</p>
</div>
<div class="paragraph">
<p>Cette sélection a pour but de vous aider à piocher au plus près
de vos goûts.
Le meilleur logiciel sera celui qui vous plaira.
Rien n’empêche d’en changer par la suite.</p>
</div>
<div class="sect2">
<h3 id="atom">3.1. Atom</h3>
<div class="paragraph">
<p></p>
</div>
<div class="imageblock">
<div class="content">
<img src="./images/atom.png" alt="atom" width="85%">
</div>
<div class="title">Figure 11. Atom</div>
</div>
<div class="paragraph">
<p>Atom (<span class="URL"><a href="https://atom.io" class="bare">atom.io</a></span>) est un éditeur de code open-source,
multilingue et multi plate-forme, dont le développement a été lancé
par la société commerciale GitHub (<span class="URL"><a href="http://github.com" class="bare">github.com</a></span>).
Le logiciel est basé sur Electron, un environnement d’exécution
d’applications de bureau reposant sur les technologies web et sur Node !</p>
</div>
<div class="paragraph">
<p>Atom offre un écosystème d’extensions pour étendre les fonctionnalités de l’éditeur.
On retrouvera des extensions dédiées à l’auto-complétion,
un débogueur Node intégré (pour exécuter nos programmes sans changer de fenêtre),
mais aussi une vérification syntaxique sur mesure.</p>
</div>
<div class="paragraph">
<p>Toutes les extensions d’Atom sont disponibles sur <span class="URL"><a href="https://atom.io/packages" class="bare">atom.io/packages</a></span> ;
voici une liste de celles que j’utilise au quotidien :</p>
</div>
<div class="dlist">
<dl>
<dt class="hdlist1">minimap (<span class="URL"><a href="https://atom.io/packages/minimap" class="bare">atom.io/packages/minimap</a></span>)</dt>
<dd>
<p>Une prévisualisa