devstory

Exécutez votre premier exemple TypeScript en Visual Studio Code

Suivez-nous sur notre fanpage pour recevoir des notifications chaque fois qu'il y a de nouveaux articles. Facebook

1- Les installations nécessaires

Afin de créer et exécuter les applications TypeScript sur Visual Studio Code, il faut s'assurer que les logiciels ci-dessous sont installés sur votre ordinateur:

2- Créer un projet

Dans votre ordinateur, créer un nouveau dossier vide afin de stocker le projet. Par exemple:
  • C:/TypeScript/myfirstproject
Ensuite, dans Visual Studio Code, ouvrir le dossier qui vient d'être crée à l'étape précédente.
  • File > Open Folder
Cliquer sur l'icône "New File" pour créer un nouveau fichier TypeScript.
typescript_ex1.ts

console.log("Hello World!");

function sayHello(name: String) {
    console.log(`Hello ${name}`);
}

sayHello("Tom");
Ensuite, il faut configurer pour exécuter l'exemple ci-dessus.

3- La configuration du projet

Dans Visual Studio Code, ouvrir la fenêtre Terminal:
  • View > Terminal
Dans la fenêtre Terminal, exécuter la commande suivante pour créer un fichier de configuration pour votre projet:

tsc --init
Après avoir exécuter la commande ci-dessus, le fichier tsconfig.json est créé:
Si vous recevez un message d'erreur comme celui ci-dessus, il est nécessaire d'envisager une parmi des solutions à partir de Stackoverflow:

tsc : File C:\Users\Windows10\AppData\Roaming\npm\tsc.ps1 cannot be
loaded because running scripts is disabled on this system. For more
information, see about_Execution_Policies at
https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ tsc typescript_ex1.ts
+ ~~~
    + CategoryInfo          : SecurityError: (:) [], PSSecurityException  
    + FullyQualifiedErrorId : UnauthorizedAccess
Ouvrir le fichier tsconfig.json afin de changer les valeurs de certains paramètres.
Find line starting with.. Change to
"target": "es5" "target": "es6"
// "outDir": "./", "outDir": "./dist",
tsconfig.json

{
  "compilerOptions": {
    "target": "es6",              
     "outDir": "./dist",  
     // Other codes...
  }
}
Ensuite, dans la fenêtre Terminal de Visual Studio Code, exécuter la commande pour compiler tous vos fichiers typescript en fichiers javascript.

tsc
Enfin, exécuter l'exemple.

node ./dist/typescript_ex1.js