Visual Studio CodeによるSPA開発の変更点

追加された行はこの色です。
削除された行はこの色です。
Visual Studio CodeによるSPA開発へ行く。
Visual Studio CodeによるSPA開発の差分を削除

「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]」は、「[[Open棟梁Project>https://github.com/OpenTouryoProject/]]」,「[[OSSコンソーシアム .NET開発基盤部会>https://www.osscons.jp/dotNetDevelopmentInfrastructure/]]」によって運営されています。

-戻る
--[[.NET Coreの開発]] > [[ASP.NET Coreの開発]]
--[[ASP.NET Core SPAテンプレート]]
--[[Visual Studio Code]]
---[[CSharp for Visual Studio Code]]
---Visual Studio CodeによるSPA開発

* 目次 [#ue78b231]
#contents

*概要 [#ua42607d]
-今後、主流は、「[[Visual Studio Code]]」+「[[npm>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?npm]] ,etc.の[[Node.js>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?JavaScript#q9fc6e24]]系のツール」になる可能性がある。

-「[[Visual Studio Code]]」を使用したSPAでは、バックエンドも[[ASP.NET Core>#z5f8abe0]]である必要はない。[[PHP>#edee3717]]などでも開発可能。

**[[Visual Studio]]のテンプレートを引き継ぐ [#b7acb41a]
-[[Visual Studio Code]]で[[ASP.NET Core]]を開発する場合、[[CSharp for Visual Studio Code]]を使用できる。

-このため、[[Visual Studio]]の[[ASP.NET Core SPAテンプレート>#y71df26d]]で作成したプロジェクトを、[[Visual Studio Code]]に引き継ぐ。

**[[Visual Studio]]のテンプレートを引き継がない。 [#cc81bcca]
-しかし、[[フロントエンドとバックエンドは切り離した方が良いという説が有力>ASP.NET Core SPAテンプレート#e4ffac31]]。

-[[Node.js>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?JavaScript#q9fc6e24]]系のツールでフロントエンドのプロジェクトを生成し、WebAPIのみでバックエンドと連携する。

*詳細 [#y90adc01]
以下の手順でVisual Studio CodeによるSPA開発が可能。

**SPA側 [#vfa2b471]

***[[React>https://dotnetdevelopmentinfrastructure.osscons.jp/index.php?React%E3%81%AE%E3%83%95%E3%82%A1%E3%83%BC%E3%82%B9%E3%83%88%E3%83%BB%E3%82%B9%E3%83%86%E3%83%83%E3%83%97#v9b02d5b]] [#ua32a162]

***, etc. [#yece3b83]

**Web API側 [#j3963acb]

***ASP.NET Core [#z5f8abe0]
-ASP.NET Core と Visual Studio Code で Web API を作成する | Microsoft Docs~
https://docs.microsoft.com/ja-jp/aspnet/core/tutorials/web-api-vsc?view=aspnetcore-2.1

#ref(Debug.png,left,nowrap,デバッグ実行,60%)

***, etc. [#a373d6c5]

*参考 [#d2d51562]

**[[Postman]] [#n4882a21]

**[[ASP.NET Core SPAテンプレート]] [#y71df26d]

**[[Cordova Tools Extension]] [#z8742d02]

----
Tags: [[:.NET開発]], [[:.NET Core]], [[:プログラミング]], [[:ツール類]]

Visual Studio CodeによるSPA開発 の変更点