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

8
bCliks 25 Сен 2018 в 15:08

2 ответа

Лучший ответ

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

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

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

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

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

16
Libor Pansky 18 Окт 2018 в 18:03