Wiki Unbee

Outils pour utilisateurs

Outils du site

Piste :
dev:installreact

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
dev:installreact [2021/12/30 09:54] – [Étape 2: Installation de l’utilitaire create-react-app] sbesteldev:installreact [2021/12/31 22:12] (Version actuelle) – [Ajout modules] sbestel
Ligne 8: Ligne 8:
 >>Gestionnaire de packages de nœuds, est deux choses. Premièrement, il s’agit d’un outil de ligne de commande utilisé pour interagir avec les packages Javascript, qui permet aux utilisateurs d’installer, de mettre à jour et de gérer les outils et bibliothèques Javascript. >>Gestionnaire de packages de nœuds, est deux choses. Premièrement, il s’agit d’un outil de ligne de commande utilisé pour interagir avec les packages Javascript, qui permet aux utilisateurs d’installer, de mettre à jour et de gérer les outils et bibliothèques Javascript.
 Deuxièmement, npm est un registre de logiciels open source en ligne qui héberge plus de 800 000 Node.JS paquets. Deuxièmement, npm est un registre de logiciels open source en ligne qui héberge plus de 800 000 Node.JS paquets.
 +
 +  * Configure npm to use the ~/.npm-global directory for global module:
 +
 +   mkdir ~/.npm-global
 +   npm config set prefix '~/.npm-global'
 +   echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
 +   source ~/.profile
 +
 +  * install npm
  
    sudo apt install npm    sudo apt install npm
    npm --version    npm --version
    > 7.5.2    > 7.5.2
- (version Ubuntu 21.10+ 
 +> testé :(version Ubuntu 20.04 et 21.10)
    
 +
 +et reboot...
 ==== Étape 2: Installation de l’utilitaire create-react-app ==== ==== Étape 2: Installation de l’utilitaire create-react-app ====
  
Ligne 19: Ligne 31:
  
    sudo npm -g install create-react-app    sudo npm -g install create-react-app
- 
    create-react-app --version    create-react-app --version
    > 5.0.0    > 5.0.0
  
-=== Étape 3: Créez et lancez votre première application React ===+==== Étape 3: Créez et lancez votre première application React ====
  
 >> Nous allons créer une application de réaction appelée tecmint-app comme suit. >> Nous allons créer une application de réaction appelée tecmint-app comme suit.
Ligne 40: Ligne 51:
  
   * supprimer créer une application de réaction   * supprimer créer une application de réaction
-   sudo npm uninstall -g create-react-app + 
-    +   sudo npm uninstall -g create-react-app   
-   +
    sudo apt remove nodejs    sudo apt remove nodejs
  
-== Erreur ==+===== Erreur =====
  
   * Create React App requires Node 14 or higher.    * Create React App requires Node 14 or higher. 
  
    npm cache clean -f    npm cache clean -f
-   npm install -g n +   sudo npm install -g n 
-   sudo ln -s /home/<username>/.npm-global/bin/n /usr/local/bin/n+   sudo ln -s /home/$USER/.npm-global/bin/n /usr/local/bin/n
    sudo n --version # test it    sudo n --version # test it
    sudo n latest    sudo n latest
Ligne 69: Ligne 79:
    sudo mv node-v16.13.1-linux-x64/lib/node_modules/ /usr/local/lib/    sudo mv node-v16.13.1-linux-x64/lib/node_modules/ /usr/local/lib/
  
 +
 +et reboot...
  
 ===== Ajout modules ===== ===== Ajout modules =====
Ligne 84: Ligne 96:
  
    npm i coc-simple-react-snippets    npm i coc-simple-react-snippets
-   +
    * https://www.npmjs.com/package/react-router-dom    * https://www.npmjs.com/package/react-router-dom
      
-   npm i react-router-dom+   npm install react-router-dom@5.2.0 
 + 
 + 
 +reactjs code snippet 
 +npm i coc-simple-react-snippets
 ===== Ressources ===== ===== Ressources =====
  
dev/installreact.1640858080.txt.gz · Dernière modification : 2021/12/30 09:54 de sbestel