Compilation automatique sur enregistrer le texte dactylographié de Code de Visual Studio

Dans ce Post nous permettra de résoudre deux problèmes: 1) commande “TSC” n’est pas reconnu dans le code de terminal intégré VS, et 2) la compilation ne fonctionne pas automatiquement lorsque vous enregistrez le fichier “.TS” (Script de type).

Introduction

Juste pour mettre en contexte, o Texte dactylographié vous permet d’écrire du code à l’aide d’une structure fortement typée et avoir ce code compilé vers JavaScript pur. Déjà le Code de Visual Studio un éditeur multiplateforme créé par Microsoft.

// Versions utilisées dans ce Post:
- Visual Studio (VS) Code: Version 1.14.1
- Texte dactylographié: Version 2.4.1

Il s’agit d’un embout facile, mais vous pourriez avoir des problèmes si vous ne savez pas ce que vous faites: mon cas :(D)

Installation de node.js et tapuscrit

Une des façons d’installer le texte dactylographié est via le gestionnaire de paquet de Node.js (NGP – Gestionnaire de package de nœud), mais de l’utiliser, vous devez d’abord installer le Node.js.

Après avoir installé le nœud, Ouvrez le terminal (commande) Exécutez la commande suivante pour installer le texte dactylographié:

Installation de la NGP -texte dactylographié g

Le terminal de Windows (ou Linux), faire une série de tests du texte dactylographié en vérifiant la version installée. La commande “TSC” est l’acronyme de tapuscrit du compilateur.

TSC -v

Problème

Le problème est que la commande “TSC” a fonctionné normalement dans le terminal de Windows, mais pas dans le terminal intégré qui vient à l’intérieur du Code de Visual Studio (C code), affichage de l’erreur suivante:

« tsc » n’est pas reconnu comme une commande interne ou externe,opérable programme ou un fichier batch fichier.

De plus,, Je ne voulais pas exécuter la commande “TSC” à chaque fois j’ai voulu compiler un fichier “.TS” (extension aux caractères dactylographiés). Alors, Comment la génération automatique d’économiser (CTRL + S)? Est que nous verrons plus loin.

Autres erreurs

Cherchant à résoudre ces problèmes, J’ai trouvé des messages disant d’utiliser le compileOnSave, mais c’est uniquement pris en charge par Visual Studio 2015 avec texte dactylographié > = 1.8.4 et atom-tapuscrit plugin. IE, Il n’y a aucun intérêt à utiliser compileOnSave dans “json tsconfig.” le Code de Visual Studio, le code ci-dessous ne fonctionne pas:

{
   "compileOnSave": true,
   "compilerOptions": {
       "noImplicitAny" : true
   }
}

Solution

TSC au vs intégré le Code des gares

Tout d’abord, nous résolvons le problème du TSC ne pas être reconnu dans le Code de terminal Visual Studio intégré (C code).

Certains Messages penser mettre le chemin d’accès du tsc ou du Musée dans la variable d’environnement PATH, mais un moyen facile de résoudre ce problème faisait la installation de la “Texte dactylographié pour Visual Studio, Il est compatible au Code VS.

Maintenant oui, Après l’installation, Ouvrez Visual Studio intégré codedes, dactylographie:

// Touche de raccourci pour Visual Studio intégré codedes:
CTRL+`
// Ou utilisez le Menu pour ouvrir le terminal dans le Code de Visual Studio:
Vue > Terminal intégré

Essayez de vérifier la Version texte dactylographié direct vs Code de terminal intégré (Pas sur terminal Windows), et va probablement travailler:

TSC -v

Compilation automatique lorsque vous enregistrez un fichier .TS

Le terminal Code stand VS dans votre répertoire de scripts (.TS), par exemple:

C CD:\wamp64wwwts

Créer le fichier json tsconfig. en tapant dans un terminal vs Code:

TSC --init

Notez qu’un fichier “json tsconfig.” sera créé dans “(C):\wamp64wwwts” (le répertoire en cours).

Ouvert le json tsconfig. et activer l’option “sourceMap”: true, Enregistrez la modification, Ainsi:

  "compilerOptions": {
    /* Options de base */
    "target": "es5",                          /* Spécifier la version cible de ECMAScript: « Buffalo » (par défaut), « ES5 », « ES2015 », « ES2016 », « ES2017 », ou « ESNEXT ». */
    "module": "commonjs",                     /* Spécifiez la génération de code de module: « commonjs », « amd », « system », « umd », « es2015 », ou « ESNext ». */
    // "lib": [],                             /* Spécifier les fichiers à être inclus dans la compilation de la bibliothèque:  */
    // "allowJs": true,                       /* Autoriser javascript fichiers à compiler. */
    // "checkJs": true,                       /* Signaler les erreurs dans les fichiers .js. */
    // "jsx": "preserve",                     /* Spécifiez la génération de code JSX: « préserver », « Bull-native », ou « réagir ». */
    // "declaration": true,                   /* Génère correspondant '. fichier des d.ts. */
    "sourceMap": true,                     /* Génère le fichier « .map » correspondant. */
    // "outFile": "./",                       /* Concaténer et émettent de sortie vers un fichier unique. */
    // "outDir": "./",                        /* Structure de sortie de redirection vers le répertoire. */
    // "rootDir": "./",                       /* Spécifiez le répertoire racine des fichiers d’entrée. Permet de contrôler la structure de répertoire de sortie avec outDir--. */
    ... continue ...

Prêt, Agora é só ir aucun terminal ne VS Code e digitar o comando:

TSC -w

Este comando fica monitorando (vendo ou, afin “w” de montre) un aplicação e qualquer alteração aucun arquivos .TS, salvo quando, fará un em de compilation imediata .js.

Voilà!

Totales hits: 10612

Laisser une réponse

Votre adresse email ne sera pas publié. Les champs obligatoires sont marqués avec *