Programmation JavaScript/Outils de développement
Gestionnaires de paquetsModifier
Pour installer des bibliothèques, il existe plusieurs gestionnaires de paquets.
npmModifier
InstallationModifier
Sur Windows, le télécharger de : https://nodejs.org/en/download/
Sur Linux :
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash - sudo apt install -y nodejs
UtilisationModifier
Par exemple pour une installation en environnement de développement uniquement :
npm install mon_package --save-dev
yarnModifier
InstallationModifier
Réputé plus rapide que le précédent, il s'installe à partir de ce dernier :
npm install -g yarn
UtilisationModifier
Par exemple pour une installation en environnement de développement uniquement :
yarn add mon_package --dev
NB : dans les premières versions, c'était :
yarn install mon_package --save-dev
Pour lancer le processus en tâche de fond qui compile et minifie le code dans node_modules :
yarn watch
IDEModifier
Un environnement de développement intégré (EDI ou IDE en anglais pour Integrated Development Environment) est un programme regroupant un éditeur de texte, des outils automatiques de fabrication, et souvent un débogueur. Il en existe pour pratiquement tous les langages informatique et le Javascript n'échappe pas à la règle. Les IDE pour javascript sont souvent pourvus de fonctionnalité pour écrire en HTML.
Les utilités principales des IDE sont :
- L'analyse du code (Syntaxique, fonctionnel, objet...)
- Permet d'éviter de faire des erreurs et de parcourir rapidement les différentes parties du code.
- Le débogueur
- Indique où se trouve les erreurs et de quel type d'erreur il s'agit.
- L'auto complétion
- Permet de visionner les méthodes et paramètres des objets javascript que vous utilisez.
- La documentation
- L'aide de chaque fonction est accessible rapidement.
- Les générateurs de code
- Des exemples de code permettent d'obtenir des programmes très rapidement.
LibreModifier
- Visual Studio Code
- NetBeans
- Aptana (Basé sur Eclipse)
PropriétaireModifier
- PhpStorm (ou WebStorm)
- Dreamweaver
En ligneModifier
- https://jsfiddle.net/ : un interpréteur en ligne, pratique pour tester des commandes.
- http://jsbin.com/#javascript,html : interpréteur en ligne.
- https://www.htmlstrip.com/javascript-validator : validateur en ligne.