ASP.NET Core 2.1とVue CLI 3？
ASP.Net Core Webで新しいVue CLI 3を使用して新しいプロジェクトを作成しようとしています。 dotnet newを使用して新しい空のWebプロジェクトを作成し、vue createを使用して新しいVue.js Hello Worldテンプレートを作成できますが、私が一生一緒に作業することはできません。
かなり簡単なはずです
- 新しいドットネットプロジェクトを作成する
- Dotnetソリューション内にフォルダーを作成します。たとえば、VueApp、ClientAppなどです。
- Vue cli。を使用して、そのフォルダー内の新しいプロジェクトVueプロジェクトを足場にします。
- 「../../wwwroot/dist」のようなものを指すように出力ディレクトリを変更します
- アプリをビルドします。ただし、開発用または本番用にビルドしている場合、出力構造は異なります。
- あなたの
_Layout.cshtmlまたはIndex.cshtml、しかしあなたがそれを整理したいなら、それらの出力されたファイルを参照してください。 - 追加
<div id="app"></div>を.cshtml。 - 終了しました、お楽しみください。
Medium で利用可能な詳細なチュートリアルを書きました。
ビルドのクライアントアプリをwwwrootにコピーする代わりにMicrosoft Microsoft.AspNetCore.SpaServices NuGetパッケージを使用してSpaStaticFilesフォルダーを指定し、*。cshtmlファイルを無視して、直接vue index.htmlファイルを使用できます。
VueCliMiddleware NuGetをインストールして、.NETアプリの起動時にVue CLI 3.0を使用してクライアントアプリでnpmプロセスを実行することもできます。