TypeScript is a language for application-scale JavaScript. TypeScript adds optional types, classes, and modules to JavaScript. TypeScript supports tools for large-scale JavaScript applications for any browser, for any host, on any OS. TypeScript compiles to readable, standards-based JavaScript. Try it at http://typescriptlang.org/playground. Our Technical Evangelist, Yizhe Shen, will teach you how to get started with TypeScript for Windows 8 Projects! Hi Everyone! It’s been a very long time since I last posted on this blog. I will be posting more frequently these days as I have more time to ramp up with our latest and coolest technologies. As I have volunteered to do a TypeScript lightning talk at our Hack Weekend event in Microsoft Singapore, I decided to mix in some Windows 8 element into it to make things interesting. Software to download & install: · TypeScript http://www.microsoft.com/en-us/download/details.aspx?id=34790 · Web Essentials http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6 Please make sure your VS 2012 is in RTM and not RC/Beta as Web Essentials needs RTM version to install correctly. So, if you are new to TypeScript, you can check out the official website at http://www.typescriptlang.org/. From the official site, you will be able to test out TypeScript live through the PlayGround page (http://www.typescriptlang.org/Playground/) which gives you instant TypeScript to Javascript conversions via the browser. This is a great place to test out some of the new syntext for TypeScript. It also contains a couple of sample projects to illustrate how you can use TypeScript in different scenarios – one of which is a Windows 8 Sample Project. To get started in writing TypeScript code, you will need to install a plug-in for Visual Studio 2012. There are a couple of ways you can get TypeScript working but for this post, we will focus on getting it integrated into VS2012. Simply navigate to http://www.microsoft.com/en-us/download/details.aspx?id=34790 and download the latest TypeScript plug-in app. The current version we will be using today is the 0.8.1 release. Installation is a breeze as it’s a MSI file. Do take note that even thou you can install the file without VS being installed, to get it working, you have to make sure you reinstall the files after VS is installed to get it integrated. Now, this is where things get slightly different if you wish to get TypeScript working in a Windows 8 Javascript/HTML5 apps. As TypeScript currently only have templates for Web Projects, you will need to manually enable TypeScript to work on a Windows 8 VS Project. If you can see the template above, it means you have TypeScript successfully installed in your machine. Next, close VS and proceed to install the Web Essential for VS 2012 (http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6) This is important because it will gives you the split screen later when you can see live JS code being generated from your TS code. Once everything is installed, you can now proceed to create a simple Windows 8 solution. Once your solution is created, this is what you will see in the solution explorer: For web projects, the TS plug-in will automatically setup the files for you to link your JS files with your TS code. However, as this is yet to be implemented by the team for Windows 8 projects, we will have to do it manually. But before we do anything, let’s import the necessary files that TS needs for Windows 8 apps. The files that you need to be included in your project are:
...
