tsconfig.json is used to configure the TypeScript compiler.

The TypeScript compiler compiles a TypeScript file such as ts/src/main.ts to a JavaScript file dist/src/main.js (and possibly other files).

Directory dist/ is where the output of the compiler is stored.

Subdirectory ts/test/ contains tests for the code.

Subdirectory ts/src/ contains the actual code.

Directory ts/ contains the TypeScript files:.

This is one possible file structure for TypeScript projects: typescript-project/

Using the TypeScript compiler for plain JavaScript files.

In order to use npm packages from TypeScript, we need type information.

Other files produced by the TypeScript compiler.

The following is an example of a simple tsconfig.json file. Open tsconfig.json and update to set the compiler options that you want. You can use this file to configure options for the TypeScript compiler. Visual Studio adds the tsconfig.json file to the project root.

Programming TypeScript via an integrated development environment (IDE) Choose the TypeScript JSON Configuration File, and then click Add.

This post is meant to be read before learning how to write TypeScript code (material for doing that is listed at the end). This blog post gives the bird’s eye view of how TypeScript works: What is the structure of a typical TypeScript project? What is compiled and how? How can we use IDEs to write TypeScript?

Online typescript compiler