Outils pour utilisateurs

Outils du site


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/28 17:26] – [Ajout modules] 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.
  
    create-react-app first-app    create-react-app first-app
- 
- 
->> Success! Created first-app at /home/unbee/first-app 
-Inside that directory, you can run several commands: 
- 
-  npm start 
-    Starts the development server. 
- 
-  npm run build 
-    Bundles the app into static files for production. 
- 
-  npm test 
-    Starts the test runner. 
- 
-  npm run eject 
-    Removes this tool and copies build dependencies, configuration files 
-    and scripts into the app directory. If you do this, you can’t go back! 
- 
-We suggest that you begin by typing: 
- 
-  cd first-app 
-  npm start 
  
 Pour exécuter l’application, accédez au app annuaire Pour exécuter l’application, accédez au app annuaire
Ligne 62: 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 91: 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 106: 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 react-router-dom+   npm install react-router-dom@5.2.0 
 + 
 + 
 +reactjs code snippet 
 +npm i coc-simple-react-snippets
 ===== Ressources ===== ===== Ressources =====
  
dev/installreact.1640712369.txt.gz · Dernière modification : 2021/12/28 17:26 de sbestel