browsersync_on_windows_with_node
Browser-Sync on Windows with Node JS
In order to be able to edit code and get instant updates in the browser do so with Browser-Sync. It's a free app in Node Package Manager.
- Install Node on Windows: https://nodejs.org/en/ - LTS version works
- Once installed, reboot your Windows PC
- Launch Windows Power Shell - Should be on Windows 10
- in power shell type:
node -v - Type:
npm install -g browser-sync - Wait for install to complete
If you are wishing to have a PHP page get the browser refresh treatment, you need to use the command to enable proxy mode. Browsersync will wrap your vhost with a proxy URL to view your site.
For a list of command type the help command into Power Shell: browser-sync start --help
In order get more commmand instructions go to the Browsersync docs.
- In Power Shell, navigate to the folder where your pages are: (e.g. C:/xampp/htdocs/YourSiteFolder/)
- Type:
browser-sync start --proxy "localhost/YourSiteFolder/working-file.php" --files "working-file.php, style.css" - If there seems to be a caching issue, might be able to fix it with a reload delay:
--reload-delay 500
browsersync_on_windows_with_node.txt · Last modified: by 127.0.0.1
