Sick of scouring the TypeScript docs to setup your TSConfig?

I was too, so I built this tool to get you started with some smart defaults!

This TSConfig builder is heavily influenced by Matt Pocock's TSConfig Cheat Sheet. I highly encourage you to check it out for further explanation of these properties.

Use Strict Type Checking?
Toggle strict type checking so you can catch bugs early
Are you using tsc to transpile your TypeScript?
Toggle if you using tsc to transpile your TypeScript, or not if you are not emitting files (i.e. using TypeScript for linting)
Will your code run in the DOM?
If you are building for a frontend library like React, Next.js, etc. Select this. If you are building for the backend, you can leave this untoggled.
Remove Comments?
Toggle if you want to just copy the JSON.
tsconfig.json
{
"compilerOptions": {
// Base Options recommended for all projects
"esModuleInterop": true,
"skipLibCheck": true,
"target": "es2022",
"allowJs": true,
"resolveJsonModule": true,
"moduleDetection": "force",
"isolatedModules": true,
"verbatimModuleSyntax": true,
// Enable strict type checking so you can catch bugs early
"strict": true,
"noUncheckedIndexedAccess": true,
"noImplicitOverride": true,
// We are not transpiling, so preserve our source code and do not emit files
"module": "preserve",
"noEmit": true,
// Include the DOM types
"lib": [
"es2022",
"dom",
"dom.iterable"
]
},
// Include the necessary files for your project
"include": [
"**/*.ts",
"**/*.tsx"
],
"exclude": [
"node_modules"
]
}