TSConfig Generator

Free online TypeScript configuration file generator. Create perfect tsconfig.json files with customizable compiler options, presets for React, Node.js, Next.js, Vue, and export as JSON with comments.

Quick Presets

Compiler Options

e.g. ./dist
e.g. ./src
e.g. src/**/*
e.g. node_modules, dist

Libraries

Type Checking

Module & Emit

About TSConfig Generator

tsconfig.json is the configuration file for TypeScript projects. It controls compiler behavior, module resolution, type checking strictness, and output generation. This tool generates customized tsconfig.json files for your project with quick presets for popular frameworks and fine-grained control over every compiler option. All processing happens in your browser — no data is sent to any server.

Features

Frequently Asked Questions

What is tsconfig.json?

tsconfig.json is a configuration file that specifies the root files and compiler options required to compile a TypeScript project. It tells the TypeScript compiler how to transpile your code.

Where do I put tsconfig.json?

Place tsconfig.json in the root directory of your TypeScript project. The TypeScript compiler (tsc) will automatically find and use it when compiling files in that directory.

What is the difference between CommonJS and ESNext modules?

CommonJS is the traditional Node.js module system using require/module.exports. ESNext uses the modern ECMAScript import/export syntax. For modern projects, ESNext with Node16/NodeNext resolution is recommended.

Should I enable strict mode?

Yes! Enabling strict mode enables all strict type-checking options including strictNullChecks, noImplicitAny, and strictFunctionTypes. It catches more bugs at compile time and is highly recommended for all new projects.

Is my data private?

Yes, all processing happens locally in your browser. No data is sent to any server or stored anywhere.