Как автоматически обновлять локальный хост после редактирования файлов

Я только начинаю с изучения wordpress и задаюсь вопросом, есть ли способ, чтобы моя страница в браузере (на локальном хостинге с использованием WAMP) автоматически обновлялась после того, как я делаю обновления кода темы и сохраняю их с помощью текстового редактора, или если я придется перезаписывать и повторно загружать каждый раз, когда я хочу просмотреть изменения, которые я делаю.

Любая помощь была бы потрясающей, спасибо!

Используйте Gulp + Gulp-Watch + BrowserSync .

Цель состоит в том, чтобы запустить дополнительный процесс, который отслеживает любые изменения в ваших файлах. Когда происходит изменение, страница автоматически перезагружается, включая нажатия CSS / Scrolls / Browser и все одновременно на нескольких устройствах и в браузерах. Поскольку он также создает порт ip: port, вы можете получить доступ к ссылке с других устройств в вашей сети.

Задача gulpfile.js основана на теме roots.io – Sage .


var $ = require('gulp-load-plugins')(); var gulp = require('gulp'); var browserSync = require('browser-sync'); 

 gulp.task('watch-local.dev', function() { init_watch ( false, 3001, { target: 'http://local.dev' } ); }); 

Эта функция прорыва позволяет создавать задачи для каждой среды, в том числе; MAMP , WAMP , Docker и Vagrant и переключать http / https индивидуально. Примечание. local.dev является побочным продуктом Vagrant Host Manager .

 function init_watch (https, port, proxy) { var defaults = { port: 3001, https: true, proxy: config.devUrl // { target: 'http://your-expected-site-name.com' } }; if( typeof https !== 'boolean') { https = defaults.https; } if( typeof port !== 'number') { port = defaults.port; } if( typeof proxy === 'string') { proxy = { target: proxy }; } // fix the format if only target is passed if( typeof proxy !== 'object') { proxy = defaults.proxy; } browserSync({ proxy: proxy, https: https, port: port, snippetOptions: { whitelist: ['/wp-admin/admin-ajax.php'], blacklist: ['/wp-admin/**'] } }); gulp.watch([path.source + 'styles/**/*'], ['styles']); gulp.watch([path.source + 'scripts/**/*'], ['jshint', 'scripts']); gulp.watch([path.source + 'fonts/**/*'], ['fonts']); gulp.watch([path.source + 'images/**/*'], ['images']); gulp.watch(['bower.json', 'assets/manifest.json'], ['build']); gulp.watch('**/*.php', function() { browserSync.reload(); }); } 

Для выполнения этой задачи вам необходимо выполнить следующую команду. Существуют также способы инициировать задачу глотки из среды IDE, включая: PHPStorm / WebStorm , Atom.io и Sublime .

 gulp watch-local.dev 

Стоит отметить, что прокси-сервер обычно работает хорошо, если вы не просматриваете административную часть своего сайта.

Вам также понадобится Node.js, а инструмент командной строки npm связан с ним.

Если вам нужно развернуть контент, вы можете добавить задачу в файлы FTP при изменении.