lundi 13 mars 2017

Create an Angular 2 and .NET Core application using Visual Studio 2017



Angular 2 and .NET Core are new technologies making revolution in the programming. It's a Storm for web and .NET developers that let them working using flexible and easier technologies.
Angular 2 is a next generation cutting-edge cross-platform user interface framework build to create web applications.
.NET Core is a backend framework from Microsoft cross-platform so it is now available on Windows, Mac and Linux.
These two technologies  was used independently of each other, but now, they are combined together to build applications for any client/server platform. (frontEnd and Backend side).

The best way to get started learning Angular 2 and TypeScript is to clone an application starter, a minimalist Angular 2 app that has the full set up for Angular 2, with TypeScript and the module loader.

In Visual Studio 2015, we found a lot of samples to clone, to start but after the launch of Visual Studio 2017, creating Angular project is more easier.



  1. Prerequisite
  2. Install the templates
  3. Create the application
  4. Get ready !

Prerequisite

  • Visual Studio 2017 installed 
  • Version of the .NET Core SDK installed 
  • NodeJS version 6 or later


Install the templates

Open up a command prompt and type the following.

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*





Create the application

To create your new Angular2 and .NET Core app, change directory to an empty folder, then type :

dotnet new angular

Get ready !

The video to learn easier :






Related Posts:

  • Quand on commence à penser SPA AngularJs - outils nécessaires Quand j'ai décidé de commencer le travail avec AngularJS, il fallait effectuer des recherches sur les outils nécessaires qui peuvent m'aider à part la documentation technique d’AngularJs. Est-ce que c'est nécessaire qu'on … Read More
  • Historique ASP.NET MVC 1.     ASP.NET MVC1 Sortie le 13 Mai 2009 Fonctionne sur .NET 3.5 et avec Visual Studio 2008 et Visual Studio 2008 SP1. Modèle d'architecture  MVC avec le moteur  WebForm. Html Help… Read More
  • Routage dans AngularJS Le routage dans  un site web est la  correspondance d'une URL donnée à une page bien déterminé ayant  des caractéristiques bien spécifiques . Dans AngularJS, une page doit y avoir ces caractéristiques : L… Read More
  • Apprendre Et Partager: ASP.NET 5 is dead - Introducing ASP.NET Core 1.0 a...Apprendre Et Partager: ASP.NET 5 is dead - Introducing ASP.NET Core 1.0 a...: It's just changing  the name of changing the strategy. There are only two hard things in Computer Science: cache invalidation an...… Read More
  • Visual Studio 2015 Et enfin que Microsoft a dévoilé la grille  pour la prochaine version majeure de son environnement de développement intégré Visual Studio 2015. Visual Studio 2015 est un environnement très riche , de dévelop… Read More

0 commentaires:

Enregistrer un commentaire