Automatische compileer op Opslaan schrijfmachine in Visual Studio-Code

In deze Post zullen we twee problemen oplossen: 1) opdracht “TSC” wordt niet herkend in de VS geïntegreerde terminal code, en 2) compileren werkt niet automatisch bij het opslaan van bestand “.TS” (Type Script).

Introductie

Gewoon om te contextualiseren, de Schrijfmachine kunt u schrijven van de code met behulp van een sterk getypeerde structuur en hebben deze gecompileerde code pure JavaScript. Al de Visual Studio Code een multiplatform editor is gemaakt door Microsoft.

// Versies gebruikt in deze Post:
- Visual Studio (VS) Code: Versie 1.14.1
- Schrijfmachine: Versie 2.4.1

Dit is een eenvoudige tip, maar u kan problemen hebben als je niet weet wat je doet: mijn geval :(D)

Node.js en schrijfmachine installatie

Een van de manieren om te installeren van de schrijfmachine is via de package manager van Node.js (NPM – Knooppunt pakketbeheerder), maar om het te gebruiken, moet u eerst Installeer de Node.js.

Na het installeren van het knooppunt, Open de terminal (opdracht) en voer de volgende opdracht om te installeren van de schrijfmachine:

NPM installeren -g schrijfmachine

De Windows-terminal (of Linux), Doe een test run van de schrijfmachine door het controleren van de geïnstalleerde versie. De opdracht “TSC” is een acroniem voor schrijfmachine Compiler.

TSC -v

Probleem

Het probleem is dat de opdracht “TSC” functioneerde normaal in Windows terminal, maar niet in de geïntegreerde terminal dat komt binnen de Visual Studio-Code (VS code), de volgende fout weer te geven:

'tsc' wordt niet herkend de een inwendig of uitwendig troepenleiding,zangspel programma of batch-bestand bestand.

Bovendien, Ik wilde niet de opdracht uit te voeren “TSC” telkens als ik wilde om te compileren van een bestand “.TS” (uitbreiding van de schrijfmachine). Dus, Hoe de automatische build op te slaan? (CTRL + S)? Is dat we verder zullen zien.

Outros erros

Op zoek naar deze problemen op te lossen, Ik vond berichten zeggen te gebruiken de compileOnSave, maar dit wordt alleen ondersteund door Visual Studio 2015 met de schrijfmachine > = 1.8.4 en Atoom-schrijfmachine plugin. IE, Het heeft geen zin in het gebruik van compileOnSave in “json tsconfig.” de Visual Studio-Code, de onderstaande code werkt niet:

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

Oplossing

TSC in de VS geïntegreerd Terminal Code

Ten eerste, we lossen het probleem van TSC niet worden herkend in de terminal Code van Visual Studio geïntegreerd (VS code).

Sommige Berichten Stel zet het pad van de tsc of npm in de omgevingsvariabele PATH, maar een gemakkelijke manier voor oplossen zulks deed de installatie van de “Schrijfmachine voor Visual Studio, Het is compatibel met de VS-Code.

Nu ja, Na de installatie, Open de Visual Studio geïntegreerd terminal Code, typen:

// Sneltoets voor Visual Studio geïntegreerd terminal Code:
CTRL+`
// Of gebruik het Menu te openen van de terminal in Visual Studio-Code:
Weergave > Geïntegreerde Terminal

Controleer de Schrijfmachine versie geïntegreerde terminal directe VS. Code (Niet op Windows terminal), en zal waarschijnlijk werken:

TSC -v

Automatische compilatie wanneer u een bestand opslaat .TS

De terminal Code staan VS in uw script map (.TS), bijvoorbeeld:

CD C:\wamp64wwwts

Maak het bestand json tsconfig. door te typen in terminal VS. Code:

TSC --init

Merk op dat een bestand “json tsconfig.” wordt gemaakt in “(C):\wamp64wwwts” (de huidige map).

Open de json tsconfig. en schakel de optie “sourceMap”: waar, en sla de wijziging, Dus:

  "compilerOptions": {
    /* Basisopties */
    "target": "es5",                          /* ECMAScript doelversie opgeven: 'Buffalo' (standaard), 'ES5', 'ES2015', 'ES2016', 'ES2017', of 'ESNEXT'. */
    "module": "commonjs",                     /* Genereren van de code van de module opgeven: 'commonjs', 'amd', 'systeem', 'umd', 'es2015', of 'ESNext'. */
    // "lib": [],                             /* Bibliotheekbestanden moeten worden opgenomen in de compilatie opgeven:  */
    // "allowJs": waar,                       /* Toestaan javascript-bestanden moeten worden opgesteld. */
    // "checkJs": waar,                       /* Fouten in rapport in JS-bestanden. */
    // "jsx": "preserve",                     /* JSX codegeneratie opgeven: 'behouden', 'reageren-native', of 'reageren'. */
    // "declaration": waar,                   /* Genereert overeenkomt '. d.ts bestand. */
    "sourceMap": waar,                     /* Bijbehorende '.map' bestand genereert. */
    // "outFile": "./",                       /* Aaneenschakelen en uitstoten uitvoer naar één bestand. */
    // "outDir": "./",                        /* Structuur van de uitvoer omleiden naar de map. */
    // "rootDir": "./",                       /* De rootdirectory van invoerbestanden opgeven. Gebruiken om te controleren de output directory-structuur met--outDir. */
    ... blijft ...

Klaar, Agora é só ir geen terminal VS Code e digitar o comando doen:

TSC -w

Este comando fica monitorando (ou vendo, por isso “w” de horloge) een aplicação e qualquer alteração geen arquivos .TS, Quando salvo, zal de onmiddellijke compilatie op .JS.

Thats it!

Totaal aantal treffers: 1117

Laat een antwoord achter

De uw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn gemarkeerd met *