tsconfig Base Generator
Generate a basic tsconfig.json for JS-to-TS migration.
A loose tsconfig for gradual migration
You have a large JavaScript codebase and want to start using TypeScript without freezing the team for a week. Turning strict on from day one usually produces four hundred errors and kills the momentum. What you need at that stage is a permissive tsconfig that accepts .js files next to .ts files and compiles without arguing.
The page has no fields: the block is already written and the Generate button simply reprints the same JSON. It sets target ES2020, module commonjs, allowJs true, strict false, esModuleInterop, skipLibCheck, outDir dist, an include for src and node_modules excluded. The easy thing to miss is allowJs without checkJs: your .js files get compiled, but nobody type-checks them.
Treat this as a starting point, not a destination. What tends to work is flipping one flag at a time, in the order noImplicitThis, strictNullChecks, noImplicitAny, clearing the errors from each step before moving on. To check a single JS file without touching the config, put // @ts-check at the top of it. On a greenfield project, go straight to the strict generator. It is all built in the browser.
Frequently asked questions
How is this different from the strict generator?
Will my .js files be type-checked?
When should I move off this config?
Related Tools
tsconfig Strict Generator
Generate a strict tsconfig.json.
tsconfig.json Generator
Generate a custom tsconfig.json: ES target, module, strict, paths, JSX, declaration and more. Validation against invalid options. Everything in your browser.
Prisma Init Generator
Generate an initial schema.prisma.