⚠ Adobe annonce la fin de Brackets pour le 1er septembre 2021

ESLint avec l'éditeur Brackets

/* eslint no-unused-vars: 0*/
/* global window */

// Les 2 instructions ci-dessus permettent d'éviter les messages d'erreurs des variables déclarées mais pas utilisées et déclare l'objet window comme variable globale 

var mesproduits = []; 

// Remarquez qu'à la place de new Array(), on utilise la syntaxe littérale []

mesproduits[0] = "Pommes";
mesproduits[1] = "Poires";
mesproduits[2] = "Bananes";
mesproduits[3] = "Oranges";
mesproduits[4] = "Cerises";

// Toutes les variables sont déclarées
var i;
var madiv;
var liste;

function affichetout() {
"use strict"; // obligatoire pour être compatible JSLint
var madiv = window.document.createElement( "div" );

 madiv.innerHTML += "<ul>";
   
for (i = 0; i < mesproduits.length; i = i + 1) {
        
    madiv.innerHTML += "<li>" + mesproduits[i] + "</li>";
 }

 madiv.innerHTML += "</ul>";
    
window.document.getElementById( "liste" ).appendChild( madiv );

// autre syntaxe compatible :
// window.document.body.appendChild( madiv );

// autre syntaxe compatible :
// window.document.getElementById( "liste" ).
// insertBefore( madiv, liste.firstChild);

}

<div id="liste">
<a href = "javascript: affichetout();">Afficher la liste</a>
</div>

Étapes pour que votre syntaxe javascript dans Brackets soit compatible JSLint

• L'instruction "eslint no-unused-vars: 0" dans un commentaire permet d'éviter les messages d'erreurs des variables déclarées mais pas utilisées dans ce document
• L'instruction "global window" dans un commentaire déclare l'objet window comme variable globale avant qu'il ne soit utilisé dans le code (idem pour l'objet document). Cela évite donc les messages d'erreurs de ESLint dans Brackets
• L'instruction obligatoire "use strict" dans une fonction javascript oblige la déclaration des variables avant leur affectation
• Toute les variables javascript doivent donc être préalablement déclarées avant utilisation
• Les mauvaises tabulations, les espaces devant et derrière le signe égal et les espaces de trop sont aussi très important pour ESLint. Il faut du code propre!
• Remarquez enfin qu'à la place de new Array(), on utilise la syntaxe littérale []. Nicholas C. Zakas, qui a écrit ESLint, préfère éliminer le mot clé new lorsque cela est possible.

Aperçu en direct

Brackets et WAMP (ou EasyPHP)

1. Copier l'adresse de votre dossier de travail
2. Recherchez dans votre PC : Panneau de configuration > Système
3. Cliquez sur le lien de gauche : Paramètres système avancés
4. Dans l'onglet "Paramètres système avancés", cliquez sur le bouton "Variables d'environnement"
5. Dans la section Variables système, recherchez la variable d'environnement PATH et sélectionnez-la. Cliquez sur Modifier
6. Coller votre adresse comme par exemple C:\WAMP\wamp64\bin\php\php7.3.5