Installation et premier script
Ionic utilise une version "interne" du compilateur TypeScript et pour nos tests nous allons devoir installer le package de manière globale.
> npm install -g typescript
Créons à présent un fichier à la racine du projet demo_typescript.ts et tant qu'à faire ajoutons-y du contenu :
demo_typescript.ts
function ditBonjour(person) {
return "Bonjour, " + person;
}
let user = "Charles";
document.body.innerHTML = ditBonjour(user);
Il faut ensuite compiler ce code pour générer un fichier .js interprétable par le navigateur.
$ tsc demo_typescript.ts #compilation
$ ls -l
total 304
-rw-rw-r-- 1 charles charles 6180 avril 11 22:14 config.xml
-rw-rw-r-- 1 charles charles 131 avril 13 07:12 demo_typescript.js
-rw-rw-r-- 1 charles charles 133 avril 13 07:04 demo_typescript.ts
demo_typescript.js
function ditBonjour(person) {
return "Bonjour, " + person;
}
var user = "Charles";
document.body.innerHTML = ditBonjour(user);
Bien évidemment le contenu du fichier demo_typescript.js est strictement le même que celui du fichier .ts, car ce code est relativement simple.