How to set up a develop environment for BrowserSync
Setting up BrowserSync for development is pretty easy.
To check out the code, you'll need an svn client. Download one here: http://subversion.tigris.org/.
Once you have one, go to the source tab to see the commands to issue to check out.
Life will be easier with a special Firefox profile for BrowserSync development. Here's how to set one up:
mkdir -p p1/extensions echo "path/to/browsersync/checkout/client/" > "firstname.lastname@example.org"
mkdir p1 mkdir p1\extensions echo "c:\path\to\browsersync\checkout\client\" > "p1\extensions\email@example.com"
For example, if you checked out BrowserSync to c:\browsersync, the path to put in this file would be c:\browsersync\client.
Next, create a file called user.js in the profile folder, and copy the following lines into it:
There are some extensions that are useful for extension developers:
To run Firefox with your development BrowserSync, start Firefox like this from the command line:
c:\program files\mozilla firefox\firefox.exe -profile p1 -no-remote -console
/path/to/firefox -profile p1 -no-remote -console
Firefox will load the extension directly from your extension directory. This means that there is no build phase to hacking on BrowserSync. Just make your changes and restart the browser.