Configuring, Compiling, and Debugging TypeScript 4 Projects
TypeScript is a powerful tool that adds organization, clarity, and collaborative potential to web applications. Here you'll learn to install, configure, and debug TypeScript, as well as how to configure the compiler and use Type Declaration files.
What you'll learn
When teams with diverse skillsets work on the same application, it can be challenging and time-consuming to coordinate interconnected code and to standardize styling.
In this course, Configuring, Compiling, and Debugging TypeScript Projects, you’ll learn to create TypeScript projects from scratch to suit the needs of any project you are assigned to create, and to contribute intelligently to projects in which you take a junior role.
First, you’ll explore scaffolding TypeScript projects and creating a reliable and easily customizable environment in which to write code.
Next, you’ll discover how to streamline and encourage developer cooperation by adding type declarations, code linting (with ESLint), and project references.
Finally, you’ll learn how to debug TypeScript with Chrome and VSCode, and configure the project to make it simple for anyone who is working on the project to do so as well.
When you’re finished with this course, you’ll have the skills and knowledge of TypeScript needed to confidently take charge and architect any TypeScript project you are assigned to in an intelligent manner, or to work within any TypeScript team project in a professional and efficient manner.
Table of contents
- Configuring the TypeScript Compiler 2m
- Watching for Changes to TypeScript Files 4m
- Demo: Watching for Changes to TypeScript 3m
- Reviewing Configuration Options 2m
- Extending Base Configurations 4m
- Demo: Extending Base Configurations 6m
- Multi- and Single-file Compilation 5m
- Using Webpack to Compile TypeScript Applications into a Single File 9m
- Summary 1m
- Debugging Advantages of TypeScript 4m
- Source Maps 2m
- Demo: Using Source Maps to Debug TypeScript 3m
- Debugging TypeScript with VSCode and Chrome 2m
- Demo: Debugging TypeScript with VSCode and Chrome 4m
- Demo: Building a TypeScript MVC Application 8m
- Using Breakpoints to Debug TypeScript 2m
- Demo: Using Breakpoints to Debug TypeScript 3m
- Summary 1m
About the author
Daniel Stern is a coder, web developer and programming enthusiast from Toronto, Ontario, where he works as a freelance developer and designer. Daniel has been working with web technologies since the days of the dial-up, and is especially keen on JavaScript, CSS, Angular, React and TypeScript. Over the course of his work as an open-source developer, he's created many community-standards web tools including Angular Audio and Range.CSS. His tool, Range.CSS, was featured in a guest article on CSS-T... more