How to add Typescript and get it to compile in your new Visual Studio project

TypeScript lets you write JavaScript the way you really want to.
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
Any browser. Any host. Any OS. Open Source.

Typescript is great!! ...once you get it working in your Visual Studio project

It allows you to use strongly typed objects in Javascript saving you valuable development time and also minimizes your debugging time by throwing compile-time errors.

IMPORTANT: Please ensure that you have the latest version of NuGet Package Manager installed in Visual Studio. To install or to update your NuGet Package Manager please see THIS post.

To start using Typescript in your projects follow these steps:

Create a new project

Add a new typescript file and make sure that the Build Action is set to "Typescript Compile"

Right click your project in the solution explorer and select "Unload Project"

Right click your project again and select "Edit [YourProjectname]"

Add the following Typescript target into your project definition.

Right click the project in the solution explorer and select "Reload Project"

Build your project and notice that the .js file was generated in the same folder as the .ts file

Comments

Using self-signed certificates with QZ Tray

QZ Tray is an amazing printing tool for your browser. It allows your websites to print receipts including bar-codes using thermal printers. The only problem is that getting it all set up correctly can be a bit tricky especially if you want to suppress the untrusted dialogs/prompts that pop up when using the free version. Lucky for us, their solution is open source and from version 2.02 they allow developers to recompile the source with a self signed certificate that would suppress these popups. This is great if you cannot afford the $400 annual price tag, but getting it set up could be a painful process because they don't offer step by step instructions, and other articles on the subject are incomplete. I successfully managed to recompile the binaries using a self signed certificate and thought it might be useful if I provide step by step instructions on how to get it done. This guide will explain how to recompile the windows binaries only. But this should give you enou...

Ethereum, the new BitCoin but better!

If you are like me you probably want to kick yourself for not getting on the BitCoin train back in the day when it was just taking off. Bitcoin has been making some good gains the last few months but there is a newer "Crypto Currency" making all the headlines these days... And this one is still affordable but growing at an incredible rate. This new blockchain is called Ethereum. Important: The purpose behind this article is not to try and convince you to buy or mine Ether, the idea is to bring it to your attention so that you don't sit there 5 years down the line thinking how much different your life could have been if you just invested a few dollars. Its up to you to do more research to find out if this is something you are interested in or not. I personally would have loved to come across an article like this when BitCoin just took off. At its simplest, Ethereum is an open software platform based on blockchain technology that enables develo...

How to update NuGet Package Manager (NPM) in Visual Studio

How to update your NuGet package manager in Visual Studio. Follow these steps to update NPM in Visual Studio: Click Tools -> Extensions And Updates Select " Updates" on the left, and then "Visual Studio Gallery" Select NuGet Package Manager and click Update Accept the agreement NuGet Package Manager is now successfully updated

I learned something new today!

Search This Blog