web-dev-qa-db-ja.com

ASP.NET Core 2.1とVue CLI 3?

ASP.Net Core Webで新しいVue CLI 3を使用して新しいプロジェクトを作成しようとしています。 dotnet newを使用して新しい空のWebプロジェクトを作成し、vue createを使用して新しいVue.js Hello Worldテンプレートを作成できますが、私が一生一緒に作業することはできません。

8
bCliks

かなり簡単なはずです

  • 新しいドットネットプロジェクトを作成する
  • Dotnetソリューション内にフォルダーを作成します。たとえば、VueApp、ClientAppなどです。
  • Vue cli。を使用して、そのフォルダー内の新しいプロジェクトVueプロジェクトを足場にします。
  • 「../../wwwroot/dist」のようなものを指すように出力ディレクトリを変更します
  • アプリをビルドします。ただし、開発用または本番用にビルドしている場合、出力構造は異なります。
  • あなたの_Layout.cshtmlまたはIndex.cshtml、しかしあなたがそれを整理したいなら、それらの出力されたファイルを参照してください。
  • 追加 <div id="app"></div>.cshtml
  • 終了しました、お楽しみください。
12
Danijel

Medium で利用可能な詳細なチュートリアルを書きました。

ビルドのクライアントアプリをwwwrootにコピーする代わりにMicrosoft Microsoft.AspNetCore.SpaServices NuGetパッケージを使用してSpaStaticFilesフォルダーを指定し、*。cshtmlファイルを無視して、直接vue index.htmlファイルを使用できます。

VueCliMiddleware NuGetをインストールして、.NETアプリの起動時にVue CLI 3.0を使用してクライアントアプリでnpmプロセスを実行することもできます。

15
Libor Pansky