Compiling our TypeScript - Access 2 Learn

Once we’ve created our first TypeScript file, we need to convert it to JavaScript if we want our browsers (or Node.JS) to run it.

There are several online sandbox tools to let you write code, but they won’t convert it to JavaScript, at least none that I’ve found yet.

To set it up, you will need to execute tsc, a command which actually transpiles your TypeScript into JavaScript.

However, instead of having to work within the command-line tools, you can also configure Visual Studio Code. The extension(s) you might use is different from your TypeScript compiler. So you have to configure VSC correctly. Here is a link for how to do that: https://code.visualstudio.com/docs/typescript/typescript-compiling

Compiling our TypeScript was originally found on Access 2 Learn

Walter Wimberly

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

TypeScript

Writing Our First TypeScript

ByWalter Wimberly November 4, 2024November 8, 2024

We already looked at the very first script in TypeScript, but it buys us nothing new. So let’s look at how we can use typed variables, and how it will stop errors, on a simple scale. So if we want to expand on our first example, we might want to use a variable. Now TypeScript…

TypeScript

Installing Node.JS

ByWalter Wimberly November 3, 2024November 8, 2024

To install TypeScript, it is helpful to have Node.JS because you will need nvm to install the TypeScript. To install Node.JS if you don’t have it, you can go to https://nodejs.org/en/download/prebuilt-installer to download an installer. On that page, you can choose your OS, the version of the software, and which processor you want. Download the…

TypeScript

Installing TypeScript

ByWalter Wimberly November 3, 2024November 8, 2024

You will need to install the TypeScript engine for you to use TypeScript. This is because your TypeScript code must be converted into JavaScript, so it needs a program called a transpiler to do the conversion to JavaScript so that a browser can run it. What does a Transpiler Actually Do? A transpiler is not…

TypeScript

More on Interfaces and Generics

ByWalter Wimberly November 7, 2024November 7, 2024

We’ve already talked about interfaces in TypeScript, some with our discussion on Custom Data Types. However, we can go further with what they can do. So we previously had an interface that looked something like: However, we might not want, or even need, all of those properties. Therefore, we can make some of them optional,…

TypeScript

Strictness of Types

ByWalter Wimberly November 6, 2024November 8, 2024

People, when they come to TypeScript, might have different ideas in mind with how strict they want types checked. Some people don’t want types at all, like JavaScript currently is, and want to use other aspects of TypeScript, while others might want to be very strict. The default experience with TypeScript, where types are optional,…

TypeScript

Importing and Exporting Modules

ByWalter Wimberly November 7, 2024November 7, 2024

JavaScript, as the language has gotten more complex, has realized that it needs to have the ability to easily import and export code from other modules, while not degrading the performance of a webpage. This is because, by default, a webpage downloads a script and processes it once downloaded, all while blocking all other downloads…

Similar Posts