Posts
22
Comments
75
Trackbacks
0
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 Print
Comments
Gravatar
# re: AngularJS2 on ASP.Net Core using TypeScript Part 1 - Preparing the Seed Project
Dwight
12/26/2016 5:43 PM
I used it in the development ofhttp://essaywriting.ninja/
Gravatar
# re: AngularJS2 on ASP.Net Core using TypeScript Part 1 - Preparing the Seed Project
graciemilligan
4/5/2017 5:18 PM
Thank you for your step by step explanation. It is very useful, by using this instruction we can use this without any difficult. https://essaywritingguide.tumblr.com/
Gravatar
# re: AngularJS2 on ASP.Net Core using TypeScript Part 1 - Preparing the Seed Project
Jacob
6/23/2017 6:52 PM
Thank you so much for explaining it. If you are looking for norton internet security key then you can move on to think link: https://ifreecrack.net/norton-internet-security-key/
Gravatar
# re: AngularJS2 on ASP.Net Core using TypeScript Part 1 - Preparing the Seed Project
rsneha
4/10/2018 6:58 PM
Hello Guys, Thanks for sharing You want to enhance English Language and find your error in grammar and spelling without troubles Just visit it : https://grammarchecker.net/

Gravatar
# writingjudge
eliza
5/7/2018 12:43 AM
I never thought I will be writing a comment for a site. But I saw customers reviews of FreshEssays, and I was really delightful to read the positivity by people. They appreciated the hard work and the talent of the writer. I used to write also, and the feeling is not expressable when you hear appreciation about your work.

Post Comment

Title *
Name *
Email
Comment *  
Verification
Tag Cloud