Visual Studio CodeによるSPA開発

「マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

• 戻る
  • ASP.NET Core SPAテンプレート
  • Visual Studio Code
    • CSharp for Visual Studio Code
    • Python for Visual Studio Code
    • Cordova Tools Extension
    • Visual Studio CodeによるSPA開発

目次 †

概要 †

• 今後、主流は、「Visual Studio Code」+「npm ,etc.のNode.js系のツール」になる可能性がある。

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

Visual Studioのテンプレートを引き継ぐ †

• Visual Studio CodeでASP.NET Coreを開発する場合、CSharp for Visual Studio Codeを使用できる。

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

Visual Studioのテンプレートを引き継がない。 †

• しかし、フロントエンドとバックエンドは切り離した方が良いという説が有力。

• Node.js系のツールでフロントエンドのプロジェクトを生成し、WebAPIのみでバックエンドと連携する。

詳細 †

以下の手順でVisual Studio CodeによるSPA開発が可能。

SPA側 †

React †

, etc. †

Web API側 †

ASP.NET Core †

• 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

PHP †

• Visaul Studio Code で PHP、インテリセンスとデバッグ
  https://qiita.com/diconran/items/6caed6b15cdda23c9933

, etc. †

参考 †

Postman †

ASP.NET Core SPAテンプレート †

Cordova Tools Extension †

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