Running TypeScript with ts-node - Mini Project: Build & Apply

Running TypeScript with ts-node

📖 Scenario: You want to quickly run TypeScript code without compiling it manually. Using ts-node lets you run TypeScript files directly, like running JavaScript with node.This is useful when testing small scripts or learning TypeScript without extra setup.

🎯 Goal: Learn how to write a simple TypeScript file and run it directly using ts-node.

📋 What You'll Learn

Create a TypeScript file with a simple variable and a function

Use ts-node to run the TypeScript file directly

Print output to the console

💡 Why This Matters

🌍 Real World

Developers often want to quickly test TypeScript code snippets without compiling. ts-node helps run TypeScript files directly, speeding up development and learning.

💼 Career

Knowing how to run TypeScript code efficiently is useful for frontend and backend developers working with TypeScript in real projects.

1

Create a TypeScript file with a greeting variable

Create a variable called greeting and set it to the string "Hello from TypeScript!".

Typescript

# Create a variable called greeting and set it to "Hello from TypeScript!"
# Your code here

Hint

Use const greeting: string = "Hello from TypeScript!"; to declare the variable.

2

Add a function to print the greeting

Add a function called printGreeting that takes no parameters and prints the greeting variable using console.log.

Typescript

const greeting: string = "Hello from TypeScript!"

# Add a function called printGreeting that prints greeting
# Your code here

Hint

Define function printGreeting(): void { console.log(greeting); }.

3

Call the function to display the greeting

Call the function printGreeting() to display the greeting message.

Typescript

const greeting: string = "Hello from TypeScript!";

function printGreeting(): void {
    console.log(greeting);
}

# Call printGreeting() below
# Your code here

Hint

Simply write printGreeting(); to call the function.

4

Run the TypeScript file using ts-node

Run the TypeScript file using the command ts-node filename.ts in your terminal to see the output.

Typescript

const greeting: string = "Hello from TypeScript!";

function printGreeting(): void {
    console.log(greeting);
}

printGreeting();

# Run this file with ts-node in your terminal
# Your code here

Hint

Open your terminal and run ts-node filename.ts where filename.ts is your file name.

Practice

1. What is the main purpose of using ts-node when working with TypeScript?

easy

A. To debug JavaScript code in the browser

B. To compile TypeScript files into JavaScript files only

C. To convert JavaScript files into TypeScript files

D. To run TypeScript files directly without compiling them first

Solution

1. Step 1: Understand what ts-node does

   ts-node allows running TypeScript files directly without a separate compilation step.

2. Step 2: Compare options

   The other options describe unrelated tasks like compiling only, converting JS to TS, or debugging JS.

3. Final Answer:

   To run TypeScript files directly without compiling them first -> Option D

4. Quick Check:

   ts-node runs TS files directly = A [OK]

Hint: Remember ts-node skips manual compile step [OK]

Common Mistakes:

• Thinking ts-node only compiles without running
• Confusing ts-node with JavaScript debuggers
• Assuming ts-node converts JS to TS

2. Which of the following is the correct command to run a TypeScript file named app.ts using ts-node?

easy

A. ts-node app.ts

B. ts-node app.js

C. node app.ts

D. tsc app.ts

Solution

1. Step 1: Identify the correct file extension for ts-node

   ts-node runs TypeScript files, so the file must have a .ts extension.

2. Step 2: Check the commands

   ts-node app.ts uses ts-node with the correct .ts file. ts-node app.js uses .js file which is incorrect. node app.ts uses node which cannot run .ts files directly. tsc app.ts runs the compiler but does not execute.

3. Final Answer:

   ts-node app.ts -> Option A

4. Quick Check:

   Run ts-node with .ts file = A [OK]

Hint: Use ts-node with .ts files, not .js [OK]

Common Mistakes:

• Trying to run .js files with ts-node
• Using node to run .ts files directly
• Confusing tsc (compiler) with ts-node (runner)

3. What will be the output when running the following TypeScript code with ts-node?

const greet = (name: string) => `Hello, ${name}!`;
console.log(greet("Alice"));

medium

A. undefined

B. Hello, Alice!

C. SyntaxError

D. greet is not defined

Solution

1. Step 1: Understand the code behavior

   The function greet takes a string and returns a greeting message using template literals.

2. Step 2: Predict the console output

   Calling greet("Alice") returns "Hello, Alice!" which is logged to the console.

3. Final Answer:

   Hello, Alice! -> Option B

4. Quick Check:

   Function returns greeting string = D [OK]

Hint: Template literals print variables inside strings [OK]

Common Mistakes:

• Expecting a syntax error due to arrow function
• Confusing output with function definition
• Missing the console.log output

4. You try to run ts-node script.ts but get an error: Cannot find module 'typescript'. What is the most likely fix?

medium

A. Run node script.ts instead

B. Rename script.ts to script.js

C. Install TypeScript using npm install typescript

D. Delete node_modules folder

Solution

1. Step 1: Understand the error message

   The error says TypeScript module is missing, which ts-node needs to run TS files.

2. Step 2: Fix by installing TypeScript

   Installing TypeScript with npm adds the required module so ts-node can work.

3. Final Answer:

   Install TypeScript using npm install typescript -> Option C

4. Quick Check:

   Missing module error = install TypeScript [OK]

Hint: Missing module? Run npm install typescript [OK]

Common Mistakes:

• Trying to run node on .ts files directly
• Renaming files without fixing dependencies
• Deleting node_modules without reinstalling

5. You want to run a TypeScript file server.ts with ts-node and enable source maps for better debugging. Which command should you use?

hard

A. ts-node --enable-source-maps server.ts

B. ts-node --source-map server.ts

C. ts-node --debug server.ts

D. ts-node --map-source server.ts

Solution

1. Step 1: Identify the correct option for source maps

   The official ts-node option to enable source maps is --enable-source-maps.

2. Step 2: Check other options

   The other options are incorrect or invalid flags for ts-node.

3. Final Answer:

   ts-node --enable-source-maps server.ts -> Option A

4. Quick Check:

   Enable source maps flag = --enable-source-maps [OK]

Hint: Use --enable-source-maps to debug TS with ts-node [OK]

Common Mistakes:

• Using incorrect or non-existent flags
• Confusing debug flag with source maps
• Omitting the flag and missing debugging info