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.