Как интегрировать ASP.NET Core 2.1 с Vue CLI 3?

Question

Я пытался создать новый проект, используя новый Vue CLI 3 с ASP.Net Core web.Я могу использовать dotnet new, чтобы создать красивый новый пустой веб-проект, и могу использовать vue create, чтобы создать новый шаблон Vue.js Hello World, но я не могу на всю жизнь заставить их работать вместе.

Answer 1

Я написал подробный учебник, доступный по адресу Средний .

Вы можете использовать пакет Microsoft Microsoft.AspNetCore.SpaServices NuGet для указания папки SpaStaticFiles вместо копирования клиентского приложения при сборке в wwwroot и игнорирования файлов * .cshtml и непосредственного использования файла index.html.

Вы также можете установить VueCliMiddleware NuGet для запуска процесса npm с клиентским приложением с помощью Vue CLI 3.0 при запуске приложения .NET.

Answer 2

Это должно быть довольно просто

• Создать новый проект dotnet
• Создать папку внутри решения dotnet.Например, VueApp, ClientApp или что-то в этом роде.
• Поместите новый проект Vue в эту папку, используя Vue cli.
• Измените каталог вывода так, чтобы он указывал на что-то вроде "../../wwwroot / dist "
• Создайте свое приложение.Обратите внимание, что если вы создаете для dev или production, структура вывода будет другой.
• В ваших _Layout.cshtml или Index.cshtml, однако вы хотите организовать их, ссылаясь на эти выходные файлы.
• Добавьте <div id="app"></div> в свой .cshtml.
• Готово, наслаждайтесь.