Configuring TypeScript automatic compilation in VSCode

Related recommendations: "vscode tutorial"

Install the TypeScript compiler

Visual Studio Code includes TypeScript language support, but The TypeScript compiler tsc is not included. You need to install the TypeScript compiler globally or in your workspace to convert TypeScript source code to JavaScript (tsc HelloWorld.ts).

The easiest way to install TypeScript is through npm, the Node.js package manager, -g means global installation.

Installation

npm install -g typescript

Check version - version information will be output if the installation is successful

tsc --version

xm@xm-Vostro-3670:~/project$ tsc --version
Version 3.3.3333

Create a new HelloWorld folder and hello_world.ts File

mkdir HelloWorld

const text:string = 'hello world';
console.log(text);

##New Tsconfig.json

{
  "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "outDir": "out",
      "sourceMap": true
  }
}

New task

Tenimal->Run Task

Select

tsc:build-tsconfig.json

##Configuration completed

Press

F5

found that there is an additional

out

folder in the directory. The configuration is "outDir": "out",DEBUG CONSOLE Output hello world.

Modify

text

Save pressF5

More For programming related knowledge, please visit:

programming video

! !

The above is the detailed content of Configuring TypeScript automatic compilation in VSCode. For more information, please follow other related articles on the PHP Chinese website!