WordPress Entwicklung Fluss: Browser Auto Refresh

Question

Ich möchte meinen WordPress-Entwicklungsfluss optimieren. Gibt es eine Möglichkeit, den Browser automatisch zu aktualisieren, wenn ich Code in meinem Texteditor während Wordpress Dev speichern. Ich benutze MAMP für dev env. Ich suche nach etwas wie gulp browserSync für ein Wordpress dev env.

Answer 1

Ich benutze Netbeans IDE für WP Entwicklung und Sie können den Code direkt von dort

Klick auf den grünen Pfeil oben dann in dem neuen Fenster klicken Sie auf Browser ausgeführt Ihrem Browser URL wählen: - geben Sie http://localhost:8888/wordpress/

Homepage: - sollte

nach dieser jedes Mal, wenn heiß auf den grünen Pfeil leer gelassen werden Sie automatisch auf der Website genommen werden.

hoffe, das hilft

Achten Sie darauf und glücklich Codierung

Answer 2

Sie können auch die großen Schluck-browsersync sync .php Dateien lassen.

// Add php extention to your gulp paths 
var paths = { 
    html: ['*.php', '*.html'], 
}; 

// Then add paths to task 
gulp.task('browser-sync', function() { 
    browserSync.init({ 
    proxy: 'localhost/yourporject' 
    }); 
}); 

// Execute on change 
gulp.task('watch', function() { 
    gulp.watch(paths.html).on('change', browserSync.reload); 
}); 

Answer 3

installieren Browser-Sync (NodeJS erforderlich)

npm install browser-sync -g 

und dann Proxy verwenden Ihre localhost-Adresse hinzufügen und dann Dateien hinzufügen

browser-sync start --proxy "localhost" --files "*.php" 

oder

browser-sync start --proxy "localhost" --files "*.php, *.css, **/*.php, **/*.css"