Running TypeScript with ts-node - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is ts-node used for?

ts-node lets you run TypeScript files directly without compiling them first. It runs the code on the fly.

beginner

How do you install ts-node globally?

Use the command npm install -g ts-node to install it globally on your system.

beginner

What command runs a TypeScript file named app.ts using ts-node?

Run ts-node app.ts in your terminal to execute the file directly.

intermediate

Why might you prefer ts-node over compiling with tsc first?

ts-node saves time by skipping the manual compile step. It’s great for quick testing and development.

intermediate

Can ts-node run TypeScript files that use ES modules?

Yes, but you may need to configure your tsconfig.json and use the --esm flag with ts-node.

What does ts-node do?

A Installs TypeScript globally

B Compiles TypeScript to JavaScript only

C Runs TypeScript files directly without pre-compiling

D Converts JavaScript to TypeScript

ts-node runs TypeScript files directly, compiling them on the fly.

Which command installs ts-node locally in a project?

A npm install ts-node

B npm install -g ts-node

C ts-node install

D npm run ts-node

npm install ts-node installs it locally in your project.

How do you run a file named index.ts with ts-node?

A ts-node index.ts

B tsc index.ts

C node index.ts

D npm run index.ts

ts-node index.ts runs the TypeScript file directly.

What flag might you use with ts-node to support ES modules?

A --watch

B --commonjs

C --strict

D --esm

The --esm flag enables ES module support in ts-node.

Why is ts-node useful during development?

A It minifies code automatically

B It skips manual compilation, speeding up testing

C It converts JavaScript to TypeScript

D It only works with JavaScript files

ts-node lets you run TypeScript quickly without compiling first, which speeds up development.

Explain how to run a TypeScript file using ts-node and why it is helpful.

Think about how <code>ts-node</code> saves time compared to compiling first.

Describe the installation steps for ts-node and how to use it in a project.

Consider both installing globally and locally.

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