ASP.NET Core Client Library Management LibMan

Umgebung

Visual Studio

• Visual Studio 2019

ASP.NET Core

• 3.1

Clientbibliotheksverwaltung

Wenn Sie ein neues ASP.NET Core-Projekt erstellen, enthält der Ordner wwwroot/lib Clientbibliotheken wie bootstrap und jquery. Wenn Sie die Clientbibliothek nicht verwenden, ist dies immer noch ein Problem. Im Allgemeinen fügen Sie häufig neue Bibliotheken hinzu oder aktualisieren vorhandene Bibliotheken wie jquery.

Wenn Sie eine Bibliothek auf einem anderen Server im Internet verwenden, z. B. ein CDN, müssen Sie sich dessen nicht bewusst sein. Wenn Sie die Bibliothek auf Ihrem Server verwenden möchten, müssen Sie die Bibliothek manuell herunterladen und in diesem lib-Ordner platzieren.

Mit zunehmender Bibliotheken und der Verstrichene wird die Verwaltung jedoch lästig, z. B. "Welche Version ist die aktuelle Version?", "Gibt es eine notwendige Datei richtig?", "Ich muss wieder eine neue Version finden".

ASP.NET Core ermöglicht es Ihnen, die Bibliotheken dieser Clients in großen Mengen mit einer Bibliotheksverwaltungsfunktion namens LibMan zu verwalten.

Einführung in LibMan

Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf das Projekt, und wählen Sie Client-seitige Bibliotheken verwalten aus.

Dadurch wird eine Datei namens libman.json hinzugefügt.

Der Inhalt der Datei wird in der Abbildung angezeigt. Sie können es direkt bearbeiten, aber es wird nicht oft direkt eingegeben, da es ohne Erlaubnis durch Bildschirmbetrieb bearbeitet wird. Im Moment ist dies die einzige Einführung.

Hinzufügen von Clientbibliotheken

Klicken Sie mit der rechten Maustaste auf das Projekt, und → eine neue clientseitige Bibliothek hinzufügen.

Wählen Sie einen Anbieter aus, und geben Sie den Namen der Bibliothek ein, die Sie in die Bibliothek einführen möchten. Sie können nach teilweiser Übereinstimmung suchen, sodass Sie nur den Namen eingeben können, der der Schlüssel ist.

Wenn Sie z. B. jquery eingeben, werden die folgenden Vorschläge angezeigt:

Drücken Sie die Eingabe tasten, oder wählen Sie zu diesem Zeitpunkt einen Kandidaten aus. Die neueste Version wird dann automatisch ausgewählt.

Übrigens, wenn es keine Kandidaten gibt, kann der ausgewählte Anbieter nicht verwaltet werden, also versuchen Sie, einen anderen Anbieter auszuwählen.

Der Zielspeicherort ist einfacher zu verwalten, basierend auf der Standardeinstellung "wwwroot/lib/", sodass Sie ihn so belassen können, wie er ist.

Nachdem Sie die Bibliothek betreten haben, klicken Sie auf die Schaltfläche Installieren.

Wenn ein Dialogfeld ähnlich dem folgenden angezeigt wird, ist er möglicherweise nicht im Anbieter vorhanden, oder es gibt eine Version usw. an.

Der Inhalt von libman.json wird dann wie folgt hinzugefügt:

Wenn eine Bibliothek in libman.json registriert ist, wird sie automatisch auf wwwroot/lib heruntergeladen (was einige Zeit in Anspruch nehmen kann). Da sich jquery jedoch von Anfang an im Ordner lib befindet, ist es möglicherweise nicht aktuell (es kann sein). Löschen Sie in diesem Fall die vorhandene jquery und aktualisieren Sie dann libman wie folgt (Sie müssen nichts tun, wenn es auf dem neuesten Stand ist).

Sie können alle vorhandenen Bibliotheken löschen, wenn Sie sie in libman verwalten.

Klicken Sie mit der rechten Maustaste auf libman.json, und wählen Sie clientseitige Bibliothek wiederherstellen aus.

Die Bibliothek wird automatisch heruntergeladen.

Versuchen Sie, eine neue Bibliothek einzuführen.js "Toaster".

Es wurde eingeführt, ohne es manuell herunterladen zu müssen.

So verwenden Sie die Bibliothek

Normalerweise verwenden Sie nur Link- und Skript-Tags, um den entsprechenden Pfad anzugeben.

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/toastr.js/toastr.css" />

<!-- 省略 -->

<script src="~/lib/popper.js/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/toastr.js/toastr.min.js"></script>

Änderungen und Aktualisierungen der Bibliotheksversion

Öffnen Sie libman.json.

Wenn Sie die Version der Zielbibliothek löschen, werden Vorschläge angezeigt, sodass Sie nur die gewünschte Version auswählen müssen. Speichern Sie die Datei, wenn Sie Änderungen vornehmen.

Die Bibliothek wird automatisch aktualisiert, aber wenn sie nicht aktualisiert wird, klicken Sie mit der rechten Maustaste auf libman.json, und wählen Sie clientseitige Bibliothek wiederherstellen aus.