Here are three ways to setup local website previews, in 60 seconds! First, we’ll look at Prepros. Then we’ll use BrowserSync with Gulp. Lastly, we’ll look at XAMPP. Done.
Learn more about running websites locally on Tuts+.
This is part of a new series of quick video tutorials on Tuts+. We’re aiming to introduce a range of subjects, all in 60 seconds–just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you’d like to see explained in 60 seconds!
Here you’ll find the content of the “captions.sbv” file, which we can use to add subtitles to the screencast. Turn subtitles on by clicking the Subtitles/CC button on the player–click the settings gear icon to select the language:
Here’s three ways to set up local site
previews in sixty Seconds
First, Prepros. Install and run the
app for your operating system. Drag your static
site project folder
onto the interface. Right click the
and choose “Open preview”
Second, BrowserSync. In your project folder
npm init, then install BrowserSync
with sudo npm install gulp browser-sync
Make a gulpfile.js with the right
code in it
(download the source files for help on doing
Run gulp browser-sync.
for projects using PHP. Install XAMPP for your
operating system. Put yourprojectfolder
inside XAMPP’s htdocs folder
Run XAMPP and start the Apache and MySQL
In a browser go to local host/
That’s three local site preview methods
in 60 seconds