Visual Studio Code で ASP.NET Core アプリを開発

Programming
公開: 2024-04-06

参考(公式ページ)

Razor Pages Web アプリを作成する
※Visual Studio Code タブを選択

最低限必要なもの

  • Visual Studio Code
  • C# for Visual Studio Code(Visual Studio Code の拡張機能)
  • C# Dev Kit(Visual Studio Code の拡張機能)
  • .NET 8.0 SDK(または .NET 6.0 SDK)

新規に Web アプリを作成する場合

参考ページに記載されている通り

  1. 親となるフォルダを作成
  2. そのフォルダを Visual Studio Code で開く
  3. ターミナルで以下のコマンドを実行(プロジェクトファイルが作成される)
dotnet new webapp -o プロジェクト名
code -r プロジェクト名

Visual Studio Code でプロジェクトのビルドとデバッグを行うための資産を追加するように求められたら、[はい] を選択します。

※C# Dev Kit(拡張機能)をインストールしていない場合、上のメッセージが表示される

  1. [表示]>[コマンド パレット] で以下のコマンド実行(デバッグとビルド用の設定ファイルを生成)
.NET: Generate Assets for Build and Debug
  1. ターミナルで以下のコマンドを実行(開発用のオレオレ証明書を信用する)
dotnet dev-certs https --trust
  1. F5 でデバッグ実行 ブラウザに Web ページが表示される

  2. Shift + F5 でデバッグ停止

既存の(Visual Studio で作成した)Web アプリを実行

  1. Visual Studio Code でソリューションファイルのあるフォルダを 開く
  2. [表示]>[コマンド パレット] で以下のコマンド実行(デバッグとビルド用の設定ファイルを生成)
.NET: Generate Assets for Build and Debug
  1. F5 でデバッグ実行 ブラウザに Web ページが表示される

  2. Shift + F5 でデバッグ停止