TypeScript Compiler Installation and Setup - Mini Project: Build & Apply

TypeScript Compiler Installation and Setup

📖 Scenario: You want to write TypeScript code and convert it to JavaScript so browsers can run it. To do this, you need to install and set up the TypeScript compiler on your computer.

🎯 Goal: Learn how to install the TypeScript compiler using npm, create a simple TypeScript file, compile it to JavaScript, and run the output.

📋 What You'll Learn

Install Node.js and npm on your computer

Use npm to install the TypeScript compiler globally

Create a TypeScript file named hello.ts with a simple message

Compile hello.ts to JavaScript using the TypeScript compiler

Run the compiled JavaScript file with Node.js

💡 Why This Matters

🌍 Real World

TypeScript is widely used to write safer and more maintainable JavaScript code in web and server applications.

💼 Career

Knowing how to install and set up the TypeScript compiler is essential for developers working with modern JavaScript frameworks and backend services.

1

Install TypeScript Compiler Globally

Open your terminal or command prompt and type npm install -g typescript to install the TypeScript compiler globally on your computer.

Typescript

# Run the command to install TypeScript globally
# Your code here

Need a hint?

Use npm, the Node.js package manager, to install TypeScript globally so you can use the tsc command anywhere.

2

Create a TypeScript File

Create a file named hello.ts and write this exact TypeScript code: const message: string = "Hello, TypeScript!"; console.log(message);

Typescript

// Create a file named hello.ts and add the following lines:
// const message: string = "Hello, TypeScript!";
// console.log(message);
# Your code here

Need a hint?

Use a text editor to create hello.ts and type the exact line to declare a string variable.

3

Compile TypeScript to JavaScript

Use the TypeScript compiler by typing tsc hello.ts in your terminal to convert hello.ts into hello.js.

Typescript

// Run this command in your terminal (not in code):
// tsc hello.ts
# Your code here

Need a hint?

Use the tsc command followed by the file name to compile your TypeScript file.

4

Run the Compiled JavaScript

Run the compiled JavaScript file by typing node hello.js in your terminal to see the output.

Typescript

// Run this command in your terminal (not in code):
// node hello.js
# Your code here

Need a hint?

Use Node.js to run the JavaScript file generated by the TypeScript compiler.