· hands on
Video Tutorial: Compiling TypeScript to JavaScript
This TypeScript tutorial explores JavaScript engines like Google's V8 and Mozilla's SpiderMonkey. It explains how to configure the TypeScript compiler, write proper TypeScript code, and use Microsoft's IntelliSense feature. It also covers TypeScript's watch mode and warns against installing TypeScript globally. Troubleshooting tips are provided, along with a link to the source code on GitHub.
In this TypeScript tutorial we explore the significance of platform considerations when building a TypeScript application. We will discuss various JavaScript engines, configure the TypeScript compiler, enable strict type checking, and implement best practices for our development workflow using Visual Studio Code. We also cover TypeScript's watch mode and how to write npm scripts. Lastly, we dive into potential issues that may arise when using TypeScript globally and how to define your VS Code's TypeScript version.
Contents
Video Tutorial
Excerpt
We discuss the various JavaScript engines, such as Google's V8, Mozilla's SpiderMonkey, ChakraCore (previously maintained by Microsoft), and Apple's JavaScriptCore, that implement the ECMA-262 language specification. We also highlight that additional functionalities beyond the standard may be provided by different platforms.
To ensure compatibility with a specific target, we need to configure the TypeScript compiler accordingly. We use the npx tsc --init command to generate a configuration file, and we examine the options available in the tsconfig.json file.
We discuss the importance of writing proper TypeScript code to avoid warnings and errors, and how Microsoft's IntelliSense feature can help in code development.
We cover the --watch option to streamline development and the importance of executing scripts from the "node_modules" directory. We also warn against installing TypeScript globally to avoid potential issues that may arise with version compatibility.
Finally, we stress the importance of understanding these fundamentals for troubleshooting potential issues in the future, and we provide a link to the source code on our GitHub repository.