Weenesta | Blog | Des outils pour coder en Javascript

Bonjour,

Aujourd'hui, j'aimerais vous présenter 4 outils essentiels pour coder en Javascript :

Bower

Bower est un manageur de dépendances Javascript, il permet de garder une trace de tous ces paquets et s'assurer qu'ils sont à jour.

Il permet de récupérer les fichiers sources de certaines dépendances grâce à ces lignes de commande :

# Installe les dépendances du projet listées dans bower.json

bower install
# paquet enregistré

bower install jquery
# GitHub shorthand

bower install desandro/masonry
# Git endpoint

bower install git://github.com/user/package.git
# URL

bower install http://example.com/script.js

D'après la documentation, il n'est plus d'actualité :

...Hep! Tandis que Bower est maintenu, nous vous recommandons d'utiliser Yarn et Webpack ou Parcel pour vos projects front-end lire comment migrer!

Grunt

C’est un outil de gestion de tâches JavaScript. Vous pouvez utiliser Grunt pour automatiser à peu près n'importe quoi avec un minimum d'effort. La plupart des tâches dont vous avez besoin sont déjà disponibles en tant que plugins Grunt, et de nouveaux plug-ins sont publiés tous les jours.

Voici comment installer Grunt :

npm init
npm install -g grunt-cli
npm install grunt --save-dev

Voici à qui ressemble le fichier de config de Grunt, initialement :

// Gruntfile.js
module.exports = function(grunt) {

  grunt.initConfig({
    jshint: {
      files: ['Gruntfile.js', 'src/**/*.js', 'test/**/*.js'],
      options: {
        globals: {
          jQuery: true
        }
      }
    },
    watch: {
      files: ['<%= jshint.files %>'],
      tasks: ['jshint']
    }
  });

  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['jshint']);

};

Gulp

C'est un "streaming build system". Très similaire à Grunt , dans les résultats finaux fournis. Cependant, il s’agit d’un système qui permet des process de construction qui ressemblent moins à un gestionnaire de tâches qu’à un framework gérant les workflows.

Voici comment installer Gulp:

npm init
npm install gulp-cli -g
npm install gulp -D
npx -p touch nodetouch gulpfile.js

Yarn

Yarn est un gestionnaire de paquets "déterministe". Il vous permet d’utiliser et partager du code avec d’autres développeurs dans le monde entier. Yarn fait ceci de manière rapide, sécurisée et fiable, pour que vous n’ayez pas à vous soucier de quoi que ce soit.

A très bientôt,

Mathieu