Существует множество инструментов для установки клиентских пакетов, таких как JQuery, bootstrap, AngularJs и т. Д., В VisualStudio и Rider.Поскольку проекты Asp.Net Core не позволяют использовать NuGet Package Manager для зависимостей на стороне клиента, вы должны использовать NPM, пряжу, веб-пакет или для пользователей Visual Studio, вы можете использовать Library Manager (LibMan), который является легковесным клиентоминструмент для приобретения библиотеки.Я объясню использование NPM для разработчиков, которые используют JetBrains Rider для Mac или Linux и LibMan для пользователей Visual Studio.Если это более низкая версия, вы можете обновить с того же экрана.
Для пользователей Visual Studio: Чтобы иметь возможность использовать LibMan, у вас должна быть VS 2017 версии 15.8 или выше.Вы можете проверить это на вкладке Справка -> О Microsoft Visual Studio.Как только это будет сделано, щелкните правой кнопкой мыши на Project и выберите Add -> Client-Side Library.Выберите провайдера cdnjs и введите имя пакета, который вы хотите установить (bootstrap, JQuery и т. Д.), В текстовое поле библиотеки и нажмите кнопку «Установить».После установки вы увидите файл lib, созданный в папке wwwroot.Вы можете пропустить часть пользователей Mac и ниже, я также объяснил, как использовать справочник для начинающих.
Для пользователей Mac / Jetbrains Rider: перейдите по следующему пути: View -> Tool Windows -> Terminal и выполните команду «npm install --save bootstrap».Вероятно, у вас будет saveError за отсутствие файла package.json.Игнорируй это.
После загрузки (вы можете напрямую проверить путь проекта) откройте Finder и перейдите к пути проекта.Создайте каталог с именем lib.(Имя не имеет значения, но папка должна быть в файле wwwroot).Вырежьте папку начальной загрузки из Node_Modules и вставьте ее в созданный вами файл lib.
Эта часть одинакова для пользователей Visual Studio и Jetbrains Rider:
Как только это будет сделано, добавьте следующую ссылку (если у вас другой путь, используйте эту) к заголовку страницы _Layout (предлагается) или напрямую добавляет ссылку в конкретное представление:
<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet"/>
И в теле инкапсулируйте @RenderBody с помощью div с использованием класса начальной загрузки (я использовал контейнер), чтобы увидетьприменяются ли ваши изменения.
<div class="container">
@RenderBody()
</div>
Попробуйте добавить Html с начальной загрузкой на свою страницу индекса и посмотрите, можете ли вы использовать начальную загрузку.Если вы все еще не видите, я предлагаю вам перейти к изменениям фиксации (Ctrl + K) и убедиться, что у вас есть файлы начальной загрузки по правильному пути.