How to Create a Virtual Web Development Environment and Server

Rodrigo Mehren 31-01-2017

Windows and Mac OSX have been making progress as developer-friendly OSes for the past few years, but every web developer really needs to work in the native environment of the web, Linux.


This article will show you how to get the best of both worlds: sticking with a stable and consumer-friendly OS like Windows or OSX for your everyday needs, while reaping the benefits of developing in the same ecosystem as your production code.


Much of the web runs on what developers call a “LAMP stack.” This acronym means Linux, Apache, MySQL, PHP bundled together and working as what you typically understand as a web server. (A closely related stack — or set of technologies — is “LEMP,” with the “E” derived from the pronunciation of an alternative to Apache, Nginx, which is said “engine x.”)

You may notice that Linux is explicitly included here, but it’s not only for this reason that Linux is recommended by developers. The other technologies — Apache (or Nginx), MySQL, and PHP — all have different tools and implementations available for the different platforms, but for historical and technical reasons, Linux-based configurations dominate the server space and tend to be more predictable.

How to Create a Virtual Web Development Environment and Server tux logo 150x150

Predictability and reliability are also big reasons you’d want to develop on an operating system that you use solely for that purpose — a dedicated operating system rather than one that supports the myriad of tasks you undertake on a daily basis as a web developer. Put another way, you don’t want to run a server on the same operating system you’ll need to reboot when your new graphics drivers are installed, or a machine that you will need to pack up and put in a backpack to hit the road with. Involving the processes and software needed to run a server on your mixed-use machine is, in a word, messy.


So how do you balance your ability to multi-task with your need to develop in the native context of your apps?

Enter virtual machines What Is a Virtual Machine? Everything You Need to Know Virtual machines allow you to run other operating systems on your current computer. Here's what you should know about them. Read More .

Virtual Machines and Vagrant

Virtual machines are programs that run in your primary operating system. They effectively allow you to run a completely separate operating system inside a window, totally contained and apart from whatever else is going on with your physical machine, but at the cost of some overhead.

However, the advantages are many:

  • Make a mistake in installing, configuring, or removing software? No big deal, you can simply start again with a fresh image.
  • Has your experiment catastrophically failed and frozen the operating system around it? Again, not a problem because only the virtual machine is effected.
  • Do you need to iterate in slightly different conditions? Each set of conditions, like different software versions or different software (for example, using Apache versus Nginx), can become a separate software machine or virtual “box.”


A tool called Vagrant will help you deploy “base boxes” that contain preconfigured Linux operating systems in a variety of flavors.

This article assumes you have some comfort with operating a virtual machine without a GUI, and solely by a command-line interface (CLI).

Let’s get a virtual machine provider and Vagrant before we configure a base box.

  1. Ensure you have a virtual machine provider for your OS. Both Windows and Mac OSX can use Virtual Box. VMware also runs on both platforms. (Windows 10 Pro and up can use Hyper V Windows 10 Home vs. Pro: Do You Need to Upgrade? Windows 10 Pro offers more features than Home, but the upgrade also carries a $99 price tag. Let's see whether it's worth it. Read More , which is a step up because it better utilizes hardware.)
  2. Visit and choose an appropriate installer.
  3. In your local directory tree structure, make a new folder to house the box. (Locations subordinate to your user profile work well, locations within system directories generally don’t.)

The Web Development Environment Configuration

Here’s where the magic of automaticity happens: a tool called PuPHPet condenses and GUI-fies the process of selecting and configuring software commonly used in LAMP, and even goes beyond that by adding support for server-side languages like Ruby and Node.js What is Node.JS and Why Should I Care? [Web Development] JavaScript is a just a client-side programming language that runs in the browser, right? Not any more. Node.js is a way of running JavaScript on the server; but it's so much more as well. If... Read More (technically JavaScript is not purely server-side, but this variety is), and alternatives to the other components of the LAMP stack.

PuPHPet makes base configuration files for Vagrant. The wizard includes over twenty different dimensions to configure, so I’ll only go over some of the most salient.

How to Create a Virtual Web Development Environment and Server PuPHPet 670x279

  • Deployment Target — Here you can choose whether you’d like to create an image suitable for VirtualBox, VMWare, and the like, or one that’s suitable for cloud computing infrastructure like AWS or Digital Ocean, among others.
  • System > Packages — You can include any software here that you’d install as you would on a normal installation. In particular, you should include whichever packages you use for development that are included in the base of the OS distribution.
    • To include development dependencies for Ubuntu, specify build-essentials
    • To include the same for CentOS 7, specify "Development Tools"
  • Web Servers — Choose Apache or Nginx to form the backbone of your L(A|E)MP stack.
  • Languages — PHP, Ruby, Node.js, Python.
  • Databases — Perhaps one of the most attractive features of this approach is the ability to construct virtual machines to play with the different varieties of databases available. While MySQL is a default, you may wish to play with something newer like MariaDB Open Source Software and Forking: The Good, The Great and The Ugly Sometimes, the end-user benefits greatly from forks. Sometimes, the fork is done under a shroud of anger, hatred and animosity. Let's look at some examples. Read More .
  • The remainder of the options are somewhat exotic, and if you don’t know what they are, they can always be installed later. What you have, after all, is a fully-fledged operating system at your command.

PuPHPet will, at the end of this configuration journey, produce an archive. Unzip that to the directory you created before configuring the parameters of your new server.


Now, execute the following:

$ vagrant up

And observe the results:

How to Create a Virtual Web Development Environment and Server vm 670x245

Since you don’t have the base box in your local directory, vagrant will retrieve the image from the Atlas, a repository of pre-configured vagrant boxes.

(Technically, any of these can be added to your local machine by issuing the command: $ vagrant box add USER/BOX)

Wrapping Up

At this point, your VM is booted and you’re basically online. Only one thing remains: issue the command $ vagrant ssh to drop yourself into a proper SSH session with your (headless) VM acting as a LAMP server. Congrats!

Learn More

From here, there’s more to say about and do in Vagrant and, as you know, an unlimited amount to accomplish with your own development playground. Check out the official Getting Started Guide to pick up where I left off.

Have you ever used a VM for your own development environment? Did you use this setup or did you take a different approach? Share your ideas in the comments section below!

Related topics: Virtual Machine, VirtualBox, Web Development, Web Server.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Jason Honingford
    February 1, 2017 at 2:14 am

    Or just install Visual Studio and be done with it. ;)

  2. offhermeds
    January 31, 2017 at 7:36 pm

    > (Windows 10 Pro and up can use Hyper V, which is a step up because
    > it better utilizes hardware.)

    On what evidence do you base this opinion?

    • offhermeds
      February 1, 2017 at 3:30 am

      And the author recommends running Linux guests on Hyper-V rather than VMware? That's just crazy talk.

      • Rodrigo Mehren
        February 1, 2017 at 4:34 am

        The author may not have fully appreciated the extent to which that parenthetical might be extrapolated.

        The author has researched the implications of what you say, and now agrees that the implied arrangement would be crazy. The author did not think through that case.

        (I recant. )

        • Offhermeds
          February 3, 2017 at 4:20 pm

          :-) Otherwise, nice article.