Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

WebDev-LY/Angular-ASPNET-Core-Seed

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
23 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular and ASP.NET Core Seed Project

This project provides a "seed" starter project to simplify getting started with Angular and ASP.NET Core.

Software Requirements To Run Locally

  • Visual Studio 2017 Community 15.3.3 (or higher) for Windows. VERY IMPORTANT to have 15.3.3 or higher so make sure you've installed the latest updates!
  • Any editor on Mac although VS Code (https://code.visualstudio.com) is recommended.
  • ASP.NET Core SDK 2.0 or higher - http://dot.net
  • Node.js 6.10 or higher

Running the Application Locally on Windows

  1. Open the .sln file in Visual Studio

  2. Install Gulp: npm install gulp -g

  3. Run npm install to install app dependencies

  4. Run the following Gulp task to copy required Angular modules into the wwwroot folder:

    gulp copy:libs

  5. Start the application (F5)

  6. Browse to http://localhost:5000

Running the Application Locally on Mac

  1. Open the project folder in VS Code

  2. Install Gulp: npm install gulp -g

  3. Run npm install to install app dependencies

  4. Run the following Gulp task to copy required Angular modules into the wwwroot folder:

    gulp copy:libs

  5. Run npm run tsc:w to compile TypeScript to JavaScript locally (leave the window running). This is only needed when in "dev" mode.

  6. Open another command window and run the following:

    • Run dotnet restore

    • Run dotnet build

    • Run dotnet run

  7. Browse to http://localhost:5000

Using Webpack

  1. Run npm run build

  2. The webpack bundle scripts will be added into wwwroot/devDist and script tags to them will be added to wwwroot/home.html. Open Views/Shared/_Layout.cshtml and remove the scripts in the head section. Copy the scripts at the bottom of index.html to the bottom of _Layout.cshtml.

  3. To run AOT, set your NODE_ENV environment variable to production and re-run npm run build

Why Isn't the Angular CLI Used for this Project?

The Angular CLI provides a great way to work with Angular projects. However, not every company wants the inner workings of webpack, bundling and AOT hidden (the CLI does allow you to eject to see the webpack file). This project has all of the files out in the "open" so you can see exactly what is going on (something I prefer for builds).

About

An Angular and ASP.NET Core Seed Project to simplify getting started with the two technologies.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • C# 37.7%
  • JavaScript 28.4%
  • TypeScript 16.8%
  • HTML 15.8%
  • CSS 1.3%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.