How to Set Up TypeScript in Your Project

TypeScript is a powerful language that builds on JavaScript by adding static types. It helps catch errors early and makes your code easier to understand. In this tutorial, we'll walk through how to set up TypeScript in a new or existing project.

First, you need to install TypeScript and create a configuration file. The configuration file (tsconfig.json) tells the TypeScript compiler how to process your code. We'll also look at a simple example to confirm everything is working.

npm install -D typescript
npx tsc --init
// This creates a tsconfig.json file

// Example TypeScript file: index.ts
const greeting: string = 'Hello, TypeScript!';
console.log(greeting);

// To compile run:
npx tsc
// This converts index.ts to index.js

After running these steps, your TypeScript files will compile to JavaScript. If you see errors during compilation, it usually means your code does not match the expected types. For example, if you try to assign a number to a string variable, TypeScript will alert you to fix the issue. Setting up TypeScript improves code quality and helps prevent bugs before running your code.