Posts
22
Comments
75
Trackbacks
0
Friday, June 24, 2016
AngularJS2 on ASP.Net Core using TypeScript Part 1 - Preparing the Seed Project

 

Starting to play with technologies that are not yet released is a pain in the a#$%. First, because big changes can occur thus breaking our proof of concept projects, Second, looking for a good resource online is not as rich when looking for resources for products that are already released, Third, the list of pains goes on …

To start the series we will begin by preparing what we need. On Part 2 of  the series, We will start creating our first AngularJS2 on ASP.Net Core using TypeScript

Updates :

July 2, 2016

ASP.NET Core 1.0 is now released, so I updated the VS and Tools update links
Added an item to update TypeScript Manually


Table of Contents

1. Upgrade your Visual Studio 2015 to Update 3 (released June 27, 2016)
2. Download and Install VS Tools Update
3. Download, Install and Configure latest NodeJS Binaries
4. Download, Install and Configure latest GIT Binaries
5. Download and Install latest Web Compiler Extension for VS 2015
6. Download and Install TypeScript for Visual Studio 2015
7. Update TypeScript

 

Procedures

1. Upgrade your Visual Studio 2015 to Update 2

- download Link https://www.visualstudio.com/en-us/news/releasenotes/vs2015-update3-vs

2. Download and Install VS Tools Update

- download link https://go.microsoft.com/fwlink/?LinkId=817245

3. Download, Install and Configure latest NodeJS Binaries

https://nodejs.org/en/

- Configure Visual Studio to use the newly installed NodeJS instead of the depracated NPM installed with VS. (Uncheck .\node_modules\bin and add a new item “C:\program files\nodejs\”)

image

- If you are using a proxy server configure NodeJS to use your companies proxy

Setup Proxy
---------------------------------------------------------
npm config set proxy http://proxy.com:8888
npm config set https-proxy http://proxy.com:8088

Remove Proxy
---------------------------------------------------------
npm config rm proxy
npm config rm https-proxy

 

 

4. Download, Install and Configure latest GIT Binaries

https://git-scm.com/downloads

- Configure Visual Studio to use the newly installed GIT instead of the depracated NPM installed with VS. (Uncheck $(VSINSTALLDIR)\Web\External\git and add a new item “C:\Program Files\Git\bin”)

image

- If you are using a proxy server configure GIT to use your companies proxy

Setup Proxy
---------------------------------------------------------
git config --global http.proxy http://proxy.com:8088

 

Remove Proxy
---------------------------------------------------------
git config --global --unset http.proxy

 

5. Download and Install latest Web Compiler Extension for VS 2015

https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c

 

6. Download and Install TypeScript for Visual Studio 2015

https://www.microsoft.com/en-us/download/details.aspx?id=48593

7. Download latest typescriptService.js file from link below and replace the file on “C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\CommonExtensions\Microsoft\TypeScript”

https://github.com/Microsoft/TypeScript/tree/master/lib

 

 

NOTE: It is a good idea to have the latest GIT and NODEJS binaries, because Visual Studio 2015 is shipped with an older GIT and NodeJS binaries, you might encounter some errors if you are not going to have the latest versions

Posted On Friday, June 24, 2016 5:46 PM | Comments (5)
Tag Cloud