tekitoumemo’s diary

技術系だったり車だったり学んだことを書いてく

【angular4+.NET Core】一瞬でSPAを作る

技術ネタ。

わかりにくいから他のサイト推奨。リンクは載っける。

angularの環境作るのだるくない?c#とどう連携すんの?って調べてたら一瞬でSPAテンプレート出来たのでメモ。

SPAプロジェクトの作成

SPA関連のテンプレート(.NET Core)をダウンロード

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

まじで.NETCore優秀杉

作成するプロジェクトのディレクトリに移動

cd {対象のディレクトリ}

angularプロジェクトを作成

dotnet new angular

.NETCoreきも

npmのパッケージをダウンロード

npm install

プロジェクトのビルド

webpack

webpackでビルドが通らない( webpackのconfigファイルがない場合)

webpack --config webpack.config.vendor.js

ここからvisual studioで取得してくれるので、不要

Nugetパッケージを取得

dotnet restore

これだけ。.NETすごくね?

【参考】
ASP.NET CoreでAngularをする下準備
http://blog.okazuki.jp/entry/ 2017/03/05/091710
.NET Core command-line interface (CLI) tools
https://docs.microsoft.com/en- us/dotnet/core/tools/dotnet- restore
Windows環境でangular-cliを使えるようにする
http://qiita.com/elphe/items/ 8e73d4118b26a6971c3b
http://beachside.hatenablog. com/entry/2017/02/25/150306