Question

我想优化我的wordpress开发流程。有没有办法在wordpress dev期间在我的文本编辑器中保存代码时自动刷新浏览器。我正在使用MAMP for dev env。我正在寻找像wordpress dev env。

这样的gulp browserSync

Answer 1

我使用netbeans IDE进行WP开发，你可以直接从那里运行代码

点击顶部的绿色箭头然后在新窗口中单击浏览器选择你的浏览器 url： - 输入http://localhost:8888/wordpress/

主页： - 应留空

此后，每当您点燃绿色箭头时，您将自动进入该站点。

希望这有帮助

保重和快乐编码

Answer 2

您也可以让gulp-browsersync同步.php文件。

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

安装browser-sync（需要nodejs）

npm install browser-sync -g

然后使用代理添加本地主机地址，然后添加文件

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

或

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

wordpress开发流程：浏览器自动刷新

3 个答案: