AngularJS2 on ASP.Net Core using TypeScript Part 1 - Preparing the Seed Project

June 24, 2016 · 2 min read

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 …

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

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”

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

This article is part of the GWB Archives. Original Author: Humprey Cogay, SQLWanderer

New on Geeks with Blogs

  • We Won The One Award I Actually Care About

    Full Scale made the Inc. 5000 for the fifth year straight, the 12th listing across my three companies. Here is why the one award you cannot buy is worth stopping for.

  • Your Customers Build the Features Now

    I let a tool I liked sit dead for a year rather than build the features I wanted. An MCP server meant I never had to, and your customers can do the same to your product.

  • Get the Size of a Directory in Linux the Easy Way

    du -sh for the quick answer, ncdu for the cleanup, df for the disk itself: every command for checking directory size in Linux, plus why du and df never agree.

  • Vim Search and Replace: The Ultimate Guide

    One :%s command replaces every match in a file before a find dialog would even open. The Vim substitute patterns worth the muscle memory: flags, ranges, capture groups, and multi-file edits.