- NodeJS contenant npm
- (Optionel) Git
cd d:/sandbox
// Création du dossier projet
mkdir mon-super-projet
cd mon-super-projetgit init
echo /node_modules > .gitignorenpm initLe fichier package.json a été créé.
// Création du fichier .npmrc
echo registry="https://registry.npmjs.org/" > .npmrc// Création du fichier index.js
touch index.jsContenu du fichier index.js :
// Je déclare une variable et je lie une string 'coucou' à cette variable
maVariable = 'coucou'
console.log('Je suis un ' + maVariable + '.')npm install es-check --save-devRajouter les scripts suivants :
es*checkstart
Le fichier package.json ressemble à ça :
{
"name": "raconte-js",
"version": "1.0.0",
"description": "Conférence Raconte-moi le JavaScript",
"main": "index.js",
"scripts": {
"start": "node index.js",
"check": "npm run es6 & npm run es5 & npm run es3",
"es3": "echo ES3 && es-check es3 *.js",
"es5": "echo ES5 && es-check es5 *.js",
"es6": "echo ES6 / ES2015 && es-check es2015 *.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/TripX/raconte-js.git"
},
"keywords": [
"JavaScript",
"Histoire"
],
"author": "Bastien Rousseau",
"license": "ISC",
"bugs": {
"url": "https://github.com/TripX/raconte-js/issues"
},
"homepage": "https://github.com/TripX/raconte-js#readme",
"devDependencies": {
"es-check": "^7.1.0"
}
}// Vérification du code
npm run check
// Lancement du projet
npm run startContenu du fichier index.js :
// Je déclare une variable et je lie une string 'coucou' à cette variable
let maVariable = 'coucou';
console.log('Je suis un ' + maVariable + '.');// Vérification du code
npm run checkLa vérification devrait échouer en ES3 et ES5.
Le mot réservé let n'existait pas avant ES6.
Création d'un fichier index.html :
touch index.html<!DOCTYPE html>
<head>
<title>Coucou</title>
<script src="./index.js"></script>
</head>
<body id="main">Je suis un coucou HTML !</body>
</html>Modifier index.js :
window.onload = function () {
// Je déclare une variable et je lie une string 'coucou' à cette variable
var maVariable = 'coucou';
console.log('Je suis un ' + maVariable + ' de la jungle JavaScript.');
console.log(document.getElementById('main'));
}Tester dans un navigateur avec et sans onload.
Avec une URL de ce type dans un onglet de navigateur : file:///d:/sandbox/raconte-js/index.html
npm run start- Voir le fichier space-invader-es3.md