.net core tutorials

Set VS Code Angular 2 and .NET Core web Development on Ubuntu





Following on from my previous post regarding how to Set Up Visual Studio for Angular 2 and .NET Core web app Development, I needed to be able to generate the same projects on ubuntu.

Although the set up is slightly similar I discovered there were just a few quirks that I needed to document before I forget.

Install VS Code on Ubuntu

Installing VS Code on ubuntu is super easy and watching the great video by Kendra Havens makes it somewhat fun!
Get started with VS Code using C# and .NET Core on Ubuntu or if you’re sitting in an office and your boss doesn’t like you having fun at work you can follow the textual instructions here
Install for Ubuntu 14.04, 16.04, 16.10 & Linux Mint 17

Install NVM and Node

After ensuring VS code and .net core have been set up correctly. We now need to start preparing our machine with all the other desired components, becuase we are going to make use of angular, we’ll need to ensure Node.JS is installed , so we do this by installing Node Version Manager.

Install Node.js via Node Version Manager on Ubuntu

Install node 6.9.2 using nvm

set to to use

 

Install TypeScript




Install Yeoman

If you haven’t already got the Yeoman generators on your machine you will need to install it globally

Install Generators

It is worthwhile reading Steve Sandersons blog post for further background  knowledge regarding the generators.

 

Generate your application

You should now be able to generate your application . You can either generate your application from the terminal or you can open Visual Studio code and open the Integrated Terminal Window (View -> Integrated Terminal)

You’ll be presented with a few options, but go ahead and select Angular2

The wizard will ask you a few more questions, answer as you wish. Once the generator is complete Simply execute

and then start the project by

You can now browse too http://localhost:5000 and you should see the generated applicaiton which is now ready for you to continue developing!





To ensure your environment is ready for development ensure you set the environment variable. You will only need to set this once, it will then be set everytime you run the application.

Gary Woodfine

Freelance Full Stack Developer at threenine.co.uk
Helps businesses by improving their technical proficiencies and eliminating waste from the software development pipelines.

A unique background as business owner, marketing, software development and business development ensures that he can offer the optimum business consultancy services across a wide spectrum of business challenges.

Latest posts by Gary Woodfine (see all)

Affiliate Disclaimer

Disclosure: Please note that some of the links included in the blog posts are affiliate links, which means I will earn a commission if you decide to make a purchase.

I only include affiliate links to products, services and companies that I have personal experience and have actually used. I only recommend them because they are helpful and useful, not because of the small commissions I make if you decide to buy something.

Please do not spend any money on these products unless you feel they are relevant, suitable and will help you achieve your goals.

Buying anyone of these products and the commisions earned will not make me an overnite multi millionaire, but they will help to cover the hosting costs and compensate for the countless hours and effort I put in to create meaningful and valuable free content I provide to help others succeed.

You've also undoubtedly noticed that I also use various advertising networks - unless of of course you're using an Ad blocker, this is also an attempt to reduce my monthly deficit I experience in providing free relevant, valuable and on occassion insightful content for the benefit of others.

I only really make some money if people click on the ads, unless of course you consider 1c per 1000 impressions real money!

Bear in mind just how many impressions I need to make before I can cover my £20 hosting costs a month!

If you are using an adblocker and guilt stricken you can of course donate using any of the buttons below, but I won't be holding my breath.

Buy me a coffeeBuy me a coffee

π