Der npm(norde package Manager) ist ein Paketmanager für die JavaScript Frameworks.
Wenn Sie mit NuGet vertraut sind, können Sie an npm als NuGet für node-module denken. Sie verwenden npm, um Pakete zu installieren, um Apps zu erstellen und Probleme zu lösen. Im Allgemeinen wird npm für server-seitige node package (z. B. lodash, gulp, grunt, yeoman) verwendet, aber in letzter Zeit ist es auch immer beliebter für Client-Seitenpakete (angular, Bootstrap, knockout).
So dass die einfache Möglichkeit, darüber nachzudenken ist, dass Sie npm verwenden, um Server-Pakete und bower installieren, um Client-Pakete installieren.
Bower installieren
Los geht's mit npm. Bower ist ein Client-Paket-Manager, aber bevor wir es verwenden können, müssen wir zuerst Bower bekommen. Und Bower läuft auf einer Maschine zu gehen bekommen diese Client-Pakete. So wie installieren wir es? Mit npm, wie folgt:
npm install bower -g
Die npm Befehlszeilen(Command Line)
Installieren die aktuelle Version der NodeJS auf Ihrem Computer. Da Sie diese für die Entwicklung verwenden. Nach der Installation steht npm in der Befehlszeile zur Verfügen. Z.B. Installieren der Angular Bibliothek:
npm install angular
Dieser Befehl stellt eine Anfrage an die öffentliche npm-Registryund lädt die neueste Version des AngularJS-Pakets herunter und installiert sie im aktuellen Verzeichnis in einem Ordner namens node_modules. Einige Pakete, wie die, die als Befehlszeilentools arbeiten, erfordern globale Installation. Diese Pakete, werden zentral gespeichert:
(Z.B. C:\Benutzer\<Sie>\AppData\Roaming\npm)
Wenn eine bestimmte Version möchte, fügen die Version an das Ende des Paketnamens an. Dies installiere AngularJS 2.1.xx
npm install angular@2.1.01
Open Command Line ermöglicht es Ihnen, die Befehlszeile (Windows-Eingabeaufforderung cmd, oder Power Shell) von beliebiger Stelle in Visual Studio mit Tastenkombinationen oder mit einem Rechtsklick im Solution Explorer zu öffnen.
Noch besser, wenn Sie diese Verknüpfungen verwenden:
Drück Alt + Leertaste:
Erstellen eine package.json-Datei
Rechtsklicken Sie auf Ihre Web-Projekt und wählen Sie Hinzufügen -> Neue Datei Dialogfeld Neues Element hinzufügen angezeigt werden soll. Dann unter den Web-Abschnitt, wählen Sie die Option für die NPM-Konfigurationsdatei.
Erstellen eine package.json-Datei
Rechtsklicken Sie auf Ihre Web-Projekt und wählen Sie Hinzufügen -> Neue Datei Dialogfeld Neues Element hinzufügen angezeigt werden soll. Dann unter den Web-Abschnitt, wählen Sie die Option für die NPM-Konfigurationsdatei.
{
"version": "1.0.0",
"name": "asp.net",
"private": true,
"devDependencies": {
}
}
"version": "1.0.0",
"name": "asp.net",
"private": true,
"devDependencies": {
}
}
Idealerweise möchten Sie, welche Sie in Ihrem Projekt installiert haben. Dieser Datensatz wird in einer Datei mit dem Namen pachage.jsongespeichert.
Diese Datei speichert Metadaten für Ihre Anwendung einschließlich einer Auflistung von Paketen, die zu einem späteren Zeitpunkt wiederhergestellt werden können.
Erstellen die Datei package.json ebenfalls von der Befehlszeile aus. Verwenden den Befehl:
npm init –f
Die Ergebnisdatei sieht folgendermaßen aus:
{
"name": "folder",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
}
}
"name": "folder",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
}
}
Installieren Packages zu package.json
Mit dem npm-Tool können Sie die Pakete, die Sie auf der package.json-Datei installieren, mithilfe von Parametern in der Befehlszeile speichern. Um beispielsweise Angular in Ihre package.json-Datei zu speichern, verwenden Sie:
npm install angular –S
{
"dependencies": {
"angular": "^2.0.10"
}
}
"dependencies": {
"angular": "^2.0.10"
}
}
Wiederherstellen Pakete von package.json
Solange Sie alle in Ihrer package.json-Datei aufgeführten Pakete haben, können Sie den node_modules Ordner jederzeit sicher löschen und wiederherstellen.
Verwenden npm zum Installieren / Wiederherstellen von Paketen den Befehl install aus dem Verzeichnis, das eine vorhandene pakage.json-Datei enthält.
npm install
Alternative hat Visual Studio eine praktische in Solution Explorer. Klicken mit der rechten Maustaste auf eine package.json-Datei und wählen die Option Pakete wiederherstellen:
Web Essentials 2015.3
Wenn Sie jemals schreiben CSS, HTML, JavaScript, TypeScript, CoffeeScriptoder LESS, dann finden Sie viele nützliche Funktionen, die Ihr Leben als Entwickler einfacher machen.
Darüber hinaus sollten Web-Entwickler Mads Kristensen 's produktiver Web Extension Pack installieren, um die aktuellsten Web-Tools für Visual Studio zu erhalten.
Quelle:
No comments:
Post a Comment