Mise à jour de mai 2018:
Depuis mai 2018, vous n'avez plus besoin de créer tsconfig.json
manuellement ou de configurer le gestionnaire de tâches.
- Exécutez
tsc --init
dans votre dossier de projet pour créer un tsconfig.json
fichier (si vous n'en avez pas déjà un).
- Appuyez sur Ctrl+Shift+Bpour ouvrir une liste de tâches dans VS Code et sélectionnez
tsc: watch - tsconfig.json
.
- Terminé! Votre projet est recompilé à chaque enregistrement de fichier.
Vous pouvez avoir plusieurs tsconfig.json
fichiers dans votre espace de travail et exécuter plusieurs compilations à la fois si vous le souhaitez (par exemple frontend et backend séparément).
Réponse originale:
Vous pouvez le faire avec les commandes de construction:
Créez un simple tsconfig.json
avec "watch": true
(cela demandera au compilateur de regarder tous les fichiers compilés):
{
"compilerOptions": {
"target": "es5",
"out": "js/script.js",
"watch": true
}
}
Notez que files
tableau est omis, par défaut tous les *.ts
fichiers de tous les sous-répertoires seront compilés. Vous pouvez fournir d'autres paramètres ou modifier target
/ out
, assurez-vous simplement qu'il watch
est défini sur true
.
Configurez votre tâche ( Ctrl+Shift+P-> Configure Task Runner
):
{
"version": "0.1.0",
"command": "tsc",
"showOutput": "silent",
"isShellCommand": true,
"problemMatcher": "$tsc"
}
Maintenant, appuyez sur Ctrl+Shift+Bpour créer le projet. Vous verrez la sortie du compilateur dans la fenêtre de sortie ( Ctrl+Shift+U).
Le compilateur compilera automatiquement les fichiers une fois enregistrés. Pour arrêter la compilation, appuyez sur Ctrl+P->> Tasks: Terminate Running Task
J'ai créé un modèle de projet spécifiquement pour cette réponse: typescript-node-basic