📘
NavDoc by Bash School
GithubContact
📘
NavDoc by Bash School
  • 🎓Introduction
  • 🐢Getting Started
  • ⚡Changelog
  • 👨‍🚀Maintainers
  • 🛣️Roadmap
  • Fundamentals
    • The Internet
      • Introduction
      • What is a URL
      • What is a port
      • The DNS protocol
      • The TCP protocol
      • The UDP protocol
      • The Web
      • The HTTP protocol
      • Hyperlinks
      • What is a Web browser
      • What is a Web server
    • HTML
      • Your first HTML page
      • Text tags
      • Attributes
      • Links
      • Images
      • Lists
      • Head Tags
      • Container tags
    • CSS
      • Introduction
      • Colors
      • selectors
      • Cascade
      • Specificity
      • Units
      • Advanced selectors
      • Typography
      • The box model
      • The display property
      • Responsive design
  • JavaScript
    • Basics
      • Introduction
      • Literals , Identifiers, Variables
      • Comments
      • The difference between let, const and var
      • Types
      • Operators and expressions
      • Arithmetic operators
      • The assignment operator
      • Operators precedence
      • Strings
      • Numbers
      • Semicolons, white space and sensitivity
      • Arrays
      • Conditionals
      • Loops
      • Functions
      • Objects
      • Arrays + functions
      • OOPS
      • Asynchronous
      • Scope, hoisting, event loop
      • ES Modules
      • Errors and exceptions
      • Built-in objects
        • The global object
        • Object properties
        • Number
        • String
        • Math
        • JSON
        • Date
        • Intl
        • Set and Map
      • More operators
    • Nodejs
      • Getting Started
      • Installation
      • Hello World in Node
      • Modules
      • Packages
      • File Handling
      • HTTP Request
      • Processing Files
      • HTTP
    • Express.js
      • Getting Started
      • Middleware
      • Serve Static Assets
      • How to Send Files to the Client
      • Sessions
      • Validate Input
      • Sanitizing Data
      • Forms
      • File Uploads
    • React
      • Setting up a React project with Vite
      • React Components
      • Introduction to JSX
      • Using JSX to compose UI
      • The difference between JSX and HTML
      • Embedding JavaScript in JSX
      • Handling user events
      • Managing state
      • Component props
      • Data flow
      • Lifecycle events
      • Managing forms in React
      • Install the React Developer Tools
      • Installing Tailwind CSS in a React app
      • Build a counter in React
    • TypeScript
      • Key Benefits
      • Types of Languages
      • The Need for TypeScript
      • What is TypeScript?
      • The tsc Compiler
      • Basic Types in TypeScript
      • tsconfig
      • Interfaces
      • Types
      • Arrays in TypeScript
      • Enums
      • Exporting and importing
    • MongoDB
      • SQL vs. NoSQL Databases
      • Installing MongoDB
      • MongoDB Databases and Collections
      • Working with Documents
      • MongoDB Operators
      • Sorting, Indexing & Searching
      • Built-in Methods
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. JavaScript
  2. TypeScript

The tsc Compiler

Let's set up a simple TypeScript Node.js application on your local machine. Follow these steps to get started:

Step 1 - Install tsc/TypeScript Globally

First, install TypeScript globally using npm.

npm install -g typescript

Step 2 - Initialize a Node.js Project with TypeScript

Create a new directory for your Node.js application and initialize it with TypeScript.

mkdir node-app
cd node-app
npm init -y
npx tsc --init

These commands will create your project directory and initialize it with package.json and tsconfig.json.

Step 3 - Create a a.ts File

Create a new TypeScript file named a.ts and add the following code:

const x: number = 1;
console.log(x);

Step 4 - Compile the .ts File to a .js File

Use the TypeScript compiler to compile your TypeScript file into JavaScript.

tsc -b

Step 5 - Check the Generated a.js File

Open the generated a.js file. You'll see that it contains plain JavaScript code with no type annotations.

var x = 1;
console.log(x);

Step 6 - Modify a.ts to Assign x to a String

Change a.ts by converting const to let and assigning x to a string:

let x: number = 1;
x = "something other than number";  // This will cause a type error
console.log(x);

Step 7 - Recompile the Code

Compile the code again with the TypeScript compiler:

tsc -b

You will see errors in the console indicating type mismatches. Additionally, notice that no a.js file is generated this time due to the type errors.

PreviousWhat is TypeScript?NextBasic Types in TypeScript

Last updated 12 months ago

Was this helpful?