đź«  Typescript is also the Javascript with type checking.

Benefits

  1. Static Typing

    That means we know the type of variables at the compile-time.

  2. Code completion

  3. Refactoring

  4. Shorthand notations

Project Configuration

tsconfig.json

This is a file in a directory indicates that the directory is the root of a TypeScript project.

🔥 JavaScript projects can use a jsconfig.json file instead, which acts almost the same but has some JavaScript-related compiler flags enabled by default.

To initialize the typescript in our project, we can use this command in our project’s root :

tsc --init

Debugger

If we want to debug our typescript application:

  1. In “Emit” section, we enable the “soueceMap” feature.

    This is a file that defines how each line of typescript code will be mapped to javascript code.

  2. In Debug panel in VS Code, select “create lunch.json file”.

  3. Select “NodeJs”

  4. Add one more setting in “lunch.json”

    After “program” add :

    "preLunchTask": "tcs: build - tsconfig.json"

  5. At the end, try to lunch the app in Vs Code debug menu.

🔥 We can also watch the variables in the watch part.