ワードプレス開発フロー：ブラウザ自動リフレッシュ

Question

私は自分のワードプレス開発フローを最適化したいと思います。 Wordpressの開発中にテキストエディタにコードを保存すると、ブラウザを自動的に更新する方法はありますか？私はdev envにMAMPを使用しています。 私はwordpress dev envのためにgulp browserSyncのようなものを探しています。

Answer 1

私はWPの開発のためのNetBeans IDEを使用して、あなたのブラウザ URLを選択 ブラウザで新しいウィンドウをクリックして、その後トップ で緑の矢印をクリック

そこから直接コードを実行することができます - http://localhost:8888/wordpress/

を入力します。

ホームページ： - 空白のままにする必要があります。

この後、緑色の矢印を熱くするたびに自動的にサイトに移動します。

ホープこれは

世話と幸せなあなたにも一口-browsersync同期.phpファイルを聞かせすることができます

Answer 2

をコーディングすることができます。

// 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

ブラウザ同期が（nodejsが必要）

npm install browser-sync -g 

をインストールしてlocalhostアドレスを追加するためにプロキシを使用して、ファイルを

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

または

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