Skip to content

Latest commit

 

History

History
69 lines (56 loc) · 2.27 KB

README.md

File metadata and controls

69 lines (56 loc) · 2.27 KB

zinde Blog

As well as just the basics of hosting a TypeScript-coded Angular 2 site on ASP.NET Core.

Frameworks - Tools - Libraries

  • ASP.NET Core
  • Entity Framework Core
  • Automapper
  • Angular 2
  • Typescript
  • Bootstrap 3
  • Gulp
  • Bower
Let’s view all of them in detail.
  • ASP.NET Core 1.0: Microsoft’s redesigned, open source and cross-platform framework. -Entity Framework Core: The latest version of the Entity Framework Object Relational Mapper. -Angular 2: The famous AngularJS re-written and re-designed from scratch. Angular 2 is a development platform for building mobile and desktop applications -TypeScript: A typed super-set of JavaScript that compiles to plain JavaScript. One of the best ways to write JavaScript applications. -NPM: A Package Manager responsible to automate the installation and tracking of external packages. -Bower: A Package Manager for the Web and as it’s official website says, optimized for the front-end.
  • Gulp: A task runner that uses Node.js and works in a Streamline way.

You can also:

  • installs Bower globally npm install -g bower
  • installs Gulp globally npm install -g gulp
  • installs typescript globally npm install -g typescript
  • installs Typescript Definition Manager npm install -g tsd npm install -g typings
  • npm install
  • typings install
  • bower install
  • gulp build-spa
  • Run the following command to restore Nuget Packages (dependencies)
    • dotnet restore
  • Application uses SQL Server so in case you want to run the app in Linux or MAC simply set "InMemoryProvider": true in appsettings.json and skip to the last 3 steps to run the app.
  • Open appsettings.json file and alter the database connection string to reflect your SQL Server environment.
  • Open a console/terminal and navigate to src/PhotoGallery where the project.json exists. Run the following commands to enable migrations and create the database:
    1. dotnet ef migrations add initial
    2. dotnet ef database update
    • dotnet run
  • Open a browser and navigate to http://localhost:5000/