Node.js
Bei Änderungen automatisch laden

Quellcode-Änderungen mit nodemon automatisch laden

Das nodemon-Paket ermöglicht es Ihnen, Ihr Programm automatisch neu zu laden, wenn Sie Dateien im Quellcode ändern.

Nodemon global installieren

npm install -g nodemon (oder npm i -g nodemon )

Nodemon lokal installieren

Falls Sie es nicht global installieren möchten

npm install --save-dev nodemon (oder npm i -D nodemon )

Nodemon verwenden

Führen Sie Ihr Programm mit nodemon entry.js (oder nodemon entry ) aus.

Dies ersetzt die übliche Verwendung von node entry.js (oder node entry ).

Sie können Ihr nodemon-Startup auch als npm-Skript hinzufügen. Dies kann nützlich sein, wenn Sie Parameter angeben und nicht jedes Mal eingeben müssen.

Fügen Sie package.json hinzu:

  "scripts": {
    "start": "nodemon entry.js -devmode -something 1"
  }

Auf diese Weise können Sie npm start einfach von Ihrer Konsole aus verwenden.

Browsersync

Überblick

Browsersync ist ein Tool, mit dem Live-Dateien betrachtet und Browser neu geladen werden können. Es ist als NPM-Paket erhältlich .

Installation

Um Browsersync zu installieren, müssen Sie zunächst Node.js und NPM installieren. Weitere Informationen finden Sie in der SO-Dokumentation zum Installieren und Ausführen von Node.js.

Sobald Ihr Projekt eingerichtet ist, können Sie Browsersync mit dem folgenden Befehl installieren:

$ npm install browser-sync -D

Dadurch wird Browsersync im lokalen node_modules Verzeichnis installiert und in Ihren Entwicklerabhängigkeiten node_modules .

Wenn Sie es global installieren möchten, verwenden Sie anstelle der -g -D Flag -g .

Windows-Benutzer

Wenn Sie Probleme bei der Installation von Browsersync unter Windows haben, müssen Sie möglicherweise Visual Studio installieren, damit Sie auf die Build-Tools zur Installation von Browsersync zugreifen können. Sie müssen dann die verwendete Version von Visual Studio wie folgt angeben:

$ npm install browser-sync --msvs_version=2013 -D

Dieser Befehl gibt die Version von Visual Studio 2013 an.

Grundlegende Verwendung

Um Ihre Site automatisch neu zu laden, wenn Sie eine JavaScript-Datei in Ihrem Projekt ändern, verwenden Sie den folgenden Befehl:

$ browser-sync start --proxy "myproject.dev" --files "**/*.js"

Ersetzen Sie myproject.dev durch die Webadresse, die Sie für den Zugriff auf Ihr Projekt verwenden. Browsersync gibt eine alternative Adresse aus, über die über den Proxy auf Ihre Site zugegriffen werden kann.

Fortgeschrittene Verwendung

Neben der oben beschriebenen Befehlszeilenschnittstelle kann Browsersync auch mit Grunt.js und Gulp.js verwendet werden .

Grunt.js

Die Verwendung von Grunt.js erfordert ein Plugin, das wie folgt installiert werden kann:

$ npm install grunt-browser-sync -D

Dann fügen Sie diese Zeile zu Ihrer gruntfile.js :

grunt.loadNpmTasks('grunt-browser-sync');

Gulp.js

Browsersync arbeitet als CommonJS- Modul, sodass kein Gulp.js-Plugin erforderlich ist. Fordern Sie einfach das Modul so an:

var browserSync = require('browser-sync').create();

Sie können jetzt die Browsersync-API verwenden , um sie an Ihre Anforderungen anzupassen.

API

Die Browsersync-API finden Sie hier: https://browsersync.io/docs/api