Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sgbj/generator-aspnetcore-angular2
Generate a Visual Studio project for ASP.NET Core, Angular 2, and TypeScript
https://github.com/sgbj/generator-aspnetcore-angular2
Last synced: 8 days ago
JSON representation
Generate a Visual Studio project for ASP.NET Core, Angular 2, and TypeScript
- Host: GitHub
- URL: https://github.com/sgbj/generator-aspnetcore-angular2
- Owner: sgbj
- License: mit
- Created: 2016-04-28T19:24:23.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-01-01T02:01:53.000Z (almost 8 years ago)
- Last Synced: 2024-10-28T17:38:52.310Z (20 days ago)
- Language: JavaScript
- Homepage:
- Size: 213 KB
- Stars: 44
- Watchers: 14
- Forks: 15
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# generator-aspnetcore-angular2
> Generate a Visual Studio/Code project for ASP.NET Core, Angular 2, and TypeScript 2 using Webpack## Two templates
1. Basic - nothing fancy, same as previous versions (doesn't use webpack)
2. Advanced - Angular Universal, webpack, Karma, Protractor, TS2, HMR## Features
* Visual Studio 2015 Update 3
* Visual Studio Code
* [ASP.NET Core 1.0.1](https://www.microsoft.com/net/core)
* Angular 2.1.0
* Angular Universal
* Lazy routes
* TypeScript 2
* Webpack
* Karma
* Protractor
* Bootstrap/Material Design Lite
* Swagger via [Swashbuckle (Ahoy)](https://github.com/domaindrivendev/Ahoy)## Installation
First, install [Yeoman](http://yeoman.io) and generator-aspnetcore-angular2 using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).
```bash
npm install -g yo
npm install -g generator-aspnetcore-angular2
```Then generate your new project:
```bash
yo aspnetcore-angular2
```## Command line
From the root folder, type the following commands:
### Basic template
```
cd src/webapp
tsc
dotnet restore
dotnet run
```### Advanced template
```
cd src/webapp
dotnet restore
npm run build:vendor
set ASPNETCORE_ENVIRONMENT=Development
npm start
```Other commands:
```
npm run lint
npm run test
npm run e2e (while running the app)
npm run clean:dist (cleanup dist directory)
```## Result
What it looks like:
![Console](https://raw.githubusercontent.com/sgbj/generator-aspnetcore-angular2/master/screenshots/console.png)
What you get:
![Home](https://raw.githubusercontent.com/sgbj/generator-aspnetcore-angular2/master/screenshots/home.png)
![About](https://raw.githubusercontent.com/sgbj/generator-aspnetcore-angular2/master/screenshots/about.png)
## Getting To Know Yeoman
Yeoman has a heart of gold. He's a person with feelings and opinions, but he's very easy to work with. If you think he's too opinionated, he can be easily convinced. Feel free to [learn more about him](http://yeoman.io/).
## License
MIT <3 [sgbj](https://github.com/sgbj)