Run your first TypeScript example in Visual Studio Code

Necessary installations
Create a project
Project Configuration

1. Necessary installations

To be able to create and run TypeScript applications on Visual Studio Code, make sure that the following software is installed on your computer:

2. Create a project

No ADS

On your computer create a new empty folder to store the project. Such as:

C:/TypeScript/myfirstproject

Next, on Visual Studio Code open the folder you just created in the previous step.

File > Open Folder

Click the "New File" icon to create a new TypeScript file.

typescript_ex1.ts

console.log("Hello World!");

function sayHello(name: String) {
    console.log(`Hello ${name}`);
}

sayHello("Tom");

Next, we need to configure to run the above example.

3. Project Configuration

No ADS

On Visual Studio Code open a Terminal window:

View > Terminal

On a Terminal window, execute the following command to create a configuration file for your project:

tsc --init

After executing the above command, the tsconfig.json file is created:

If you receive an error message like the one below, consider one of the solutions from Stackoverflow:
https://stackoverflow.com/questions/4037939/powershell-says-execution-of-scripts-is-disabled-on-this-system
tsc : File C:\Users\Windows10\AppData\Roaming\npm\tsc.ps1 cannot be
loaded because running scripts is disabled on this system. For more
information, see about_Execution_Policies at
https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1
+ tsc typescript_ex1.ts
+ ~~~
    + CategoryInfo          : SecurityError: (:) [], PSSecurityException  
    + FullyQualifiedErrorId : UnauthorizedAccess

Open the tsconfig.json file to change the values of some parameters.

Find line starting with..	Change to
"target": "es5"	"target": "es6"
// "outDir": "./",	"outDir": "./dist",

tsconfig.json

{
  "compilerOptions": {
    "target": "es6",              
     "outDir": "./dist",  
     // Other codes...
  }
}

Next, on the Terminal window of Visual Studio Code, execute the command to compile all your typescript files into javascript files.

tsc

Finally, run the example.

node ./dist/typescript_ex1.js

No ADS

Run your first TypeScript example in Visual Studio Code

1. Necessary installations

2. Create a project

3. Project Configuration

TypeScript Tutorials

TypeScript Tutorials

Newest Articles