Hallo, ich habe gehört, dass ich, wenn ich Node.js auf meinem PC installiere, meine Programmier- und Webentwicklungsarbeit besser organisieren und automatisieren kann, indem ich verschiedene NPM-Pakete installiere und verwende...
Ich habe einige Fragen:
- Können Sie bitte teilen, wie Sie NodeJS und npm auf PHPStorm installieren und vielleicht einige Tricks/Hacks auf Arbeitsautomatisierung, so dass der Entwicklungsprozess einfacher ist?
- Haben Sie bevorzugte npm-Pakete, die Sie empfehlen würden?
- Vielleicht einige npm-Pakete, die Sie täglich nutzen? Wie die automatische Aktualisierung des Browsers?
Danke!
Hallo,
Erstens müssen Sie node.js installieren auf Ihrem PC (Download unter HIER); Um zu überprüfen, ob es richtig installiert ist, müssen Sie Node-Js-Version prüfen in cmd (oder in PHPStormTerminal) durch Eingabe von:
node -v
Dann müssen Sie in Ihrem Projektordner mit Hilfe des PHPStorm-Terminals (oder des Windows-Cmd) Folgendes eingeben npm initialisieren. Geben Sie den Terminaltyp ein:
npm init -y
In Ihrem Projektordner wird dadurch Folgendes erstellt Knoten_Module Ordner mit allen Paketen, die Sie installieren. Es wird auch erstellt paket.json Datei mit den Informationen zu den Abhängigkeiten. Die Npm-Datei paket.json ist eine Art Rezept/Großeinkaufsliste für unser Projekt mit npm-Paketabhängigkeiten, die Sie installieren.
Um ein npm-Paket zu installieren, tippen Sie in das Terminal:
npm install lodash
In diesem Fall lodash ist der Name des Pakets. Hier ist ein weiteres Beispiel (Installation von normalize.css):
npm install normalize.css
...oder installieren Sie ein paar notwendige npm-Pakete durch Leerzeichen getrennt:
npm install postcss-simple-vars postcss-nested autoprefixer --save-dev
Alle diese Pakete stammen von https://www.npmjs.com - können Sie dort nach einem Paket suchen, das Sie interessiert.
Um npm auszuführen, müssen Sie Folgendes eingeben:
npm run dev
Warum ist NPM also wichtig für unser Projekt?
Wenn zum Beispiel etwas mit unserem PC passiert (eine Art Absturz), können wir immer wieder erholen unser Projekt durch Klonen des Projekts von GitHub (lernen, wie man GitHub und Git mit PHPStorm IDE verwendet) und nach dem Klonen des Projekts - die paket.json Datei (das Resipe unseres Projekts) wird darin sein und nach Eingabe im Terminal npm-Installation werden alle npm-Pakete wieder installiert/wiederhergestellt! Großartig 🙂 .
Hier sind einige npm-Pakete, die ich mit PHPStorm verwende:
Unbedingt verwenden webpack-dev-serverSo installieren Sie dieses großartige npm-Paket zur Automatisierung. Einfach eingeben:
npm install webpack-dev-server --save-dev
Ich verwende Lazy Loading für die Bilder: faulenzt
Sie können es installieren, indem Sie Folgendes eingeben:
npm install lazysizes
