title: How do I get gulp + browsersync to work an apache vhost?
body: <p>I'd like to add gulp, sass and browsersync to my toolkit.
  I'm now running gulp with a sass and browsersync task configured.</p>
  
  <p>I'm skinning a php app running from a vhost on my local apache server.</p>
  
  <p>I'm attempting to run browsersync from a watch task, using the browsersync's proxy option to use my vhost.</p>
  
  <p>Currently, when I run the watch no server can be found on port 3000. If I navigate to 'localhost:3000' I get chromes 'no web page found' message.</p>
  
  <p>If I navigate to port 3001 I can access browsersync's admin UI. So I know that browsersync is running.</p>
  
  <p>My gulp conf is as follows</p>
  
  <pre><code>/* load plugins */
  var gulp = require('gulp'),
      sass = require('gulp-ruby-sass'),
      browsersync  = require('browser-sync') ;
  
  /*
  *  define tasks
  */
  
  gulp.task('sass', function() {
      return sass('assets/sass/main.sass') ;        
  }) ;
  
  
  /*
  *  browsersync conf
  */
  
  gulp.task('browser-sync', function() {
      browsersync({
      proxy: 'localhost',
      port: '3000'
      });
  });
  
  gulp.task('browsersync-reload', function () {
      browsersync.reload();
  });
  
  gulp.task('watch', ['browser-sync'], function () {
    gulp.watch('assets/sass/**/*', ['css']);
  });
  
  
  /* Default task */
  gulp.task('default', ['sass'], function() {
      gulp.watch("assets/sass/**.*", ['sass']);
  });
  </code></pre>