Prise en charge de TypeScript pour Visual Studio 2017

Donc Tapuscrit est installé par défaut avec VS2017 (mise à Jour 2 vous donnera la dernière version de 2,3 et de permettre à côté installe). Si vous ne l'avez pas, vous pouvez l'ajouter via Visual Studio Installer à partir du programme d'installation, cliquez sur le burger menu et sélectionnez Modifier, puis cliquez sur Composants Individuels et en vertu de Kits de développement logiciel, les Bibliothèques et les Cadres, vous pouvez ajouter des caractères d'imprimerie.

Une fois installé, vous pouvez ajouter un tsconfig.fichier json à dire le Tapuscrit compilateur comment se comporter, exemple ici:

{
    "compileOnSave": true,
    "compilerOptions":
    {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "target": "es5"
    },
    "exclude":
    [
        "node_modules"
    ]
}

Le paramètre important est compileOnSave qui raconte VS pour compiler le fichier js lorsque vous enregistrez le ts.

Vous devriez maintenant voir que vous avez un imbriquée fichier Javascript dans votre fichier d'enregistrement de fichier:

Maintenant, il vous suffit d'ouvrir les deux fichiers côte à côte et lorsque vous enregistrez le ts puis js sera automatiquement mise à jour (cela permet de cocher toujours l'option de mise à jour si VS vous invite à charger le fichier modifié sur le disque).

J'ai un travail autour, c'est un peu de travail, mais permet à l'étrange reprises lorsque je veux vérifier la sortie.

Je suis en cours d'exécution vs2017 j'ai essentiels web installé et web compilateur, mais il n'apparaît toujours pas à l'appui de ts que de 15,4 et je ne pouvais pas obtenir le tsconfig.json de travail.

Brièvement afficher les fichiers cachés dans votre projet et sélectionnez le fichier js, puis faites glisser l'onglet vers la droite de sorte que vous avez un écran partagé

Lorsque vous modifiez et enregistrez le fichier ts, vous pourriez obtenir un popup disant "Le fichier a changé" ou quelque chose comme ça, il y a une case à cocher, vous pouvez sélectionner sur il qui dit "AutoRestore si aucune modification n'a été détectée" (encore une fois j'ai peut-être la paraphrase, j'ai tenté de trouver l'option afin que je puisse le remettre à obtenir une capture d'écran mais je ne le trouve pas!), vérifiez que puis sélectionnez "Oui pour Tout" cela actualise le fichier js. La prochaine fois que vous modifiez votre fichier ts les js fichier de mise à jour.

Je sais que ce n'est pas très grande, mais je l'ai trouvé très utile que j'ai pu obtenir un analogue de ce que vous voyez en suivant le cours et ils continuer à montrer l'aperçu du javascript.