Local development with vvv jon trujillo

Local Development with Vagrant & VVV
A talk from WordCamp Sacramento 2015. This talk covers installing Vagrant, VVV and a couple of other tools that make using VVV easier to use.

1. Local Development

With Vagrant & VVV
2015 WordCamp

Sacramento

2. HOW I GOT HERE
a brief overview of my Local Dev History

3. MY FIRST DEV ENVIRONMENT
Installed PHP, 

MySQL & Apache on OSX

4. MY NEXT DEV ENVIRONMENT
MAMP & MAMP PRO

5. AND THEN…
KINDA COWBOY CODING

6. AND THEN…

7. WHAT WE’LL

BE GOING OVER
What is Vagrant
What is Varying Vagrant
Vagrants(VVV)
Getting Set Up
Tools for working with VVV
Setting up a new site
Some other interesting 

Vagrant Projects

8. WHAT IS
VAGRANT

9. WHAT IS
VAGRANT
Software to setup sandboxed
development environments
It uses Virtual Machines
Won’t junk up your native OS
Can be setup to better match 

to your production environment 

(nginx or apache)

10. SETTING UP
VAGRANT

11. STEP 1

12. Install A Virtual Machine Provider
vmware
Fusion or Workstation
STEP 1

13. STEP 2

14. Install Vagrant
There are installers for
•Mac
•Windows
•Linux (Dabian & Centos)
STEP 2

15. STEP 3

16. Test it in your Terminal
STEP 3

17. VAGRANT
COMMANDS

18. SOME HELPFUL
COMMANDS
vagrant up
vagrant halt
vagrant ssh
vagrant suspend
vagrant resume

19. VARYING
VAGRANT
VAGRANTS

20. WHAT

IS VVV
A vagrant environment that’s
configured for WordPress development
Started life as a 10up project now it’s
maintained by it’s own community
Includes a ! ton of stuff:
•Ubuntu
•nginx (there is an apache branch too)
•4 Standard Wordpress Installs
•WP-CLI
•And more

21. INSTALL VVV

22. Install the vagrant plugin “vagrant-hostupdater"
STEP 1

23. Install the vagrant Plugin “vagrant-triggers"
STEP 2

24. Clone the VVV into a “vagrant-local” directory
STEP 3

25. Change directory into vagrant-local and “vagrant up”
STEP 4

26. Go make some coffee… this part takes a few minutes.
STEP 4

27. You’re running Variable Vagrant Vagrants
TA-DA…

28. WHAT JUST
HAPPENED?
Setup your Ubuntu development box
Created a site at vvv.dev with links 

to all the bundled tools & Links to
default Installs
Setup the default WordPress installs
1.http://local.wordpress.dev/
2.http://local.wordpress-trunk.dev/
3.http://src.wordpress-develop.dev/
4.http://build.wordpress-develop.dev/
Default Creds are admin & password

29. NOW WHAT?

30. Visit local.wordpress.dev in your browser
Go Check

31. ACCESSING
THE DATABASE

32. phpMyAdmin
vvv.dev/database-admin

33. SEQUEL PR0

34. VAGRANT
SSH
Get silly with MySQL 

with the command line

35. SOME TOOLS

36. VVV DASHBOARDS

37. VVV.DEV
Take the vvv.dev site from this…

38. BOOTSTRAP STYLED VVV.DEV
to this…

39. VVV
SITE WIZARDS

40. VARIABLE VVV
By Brad Parbs he works WebDev Studios

‘cause there wasn’t enough V’s

41. WHAT YOU

GET WITH 

VARIABLE VVV

42. WHAT YOU

GET WITH 

VARIABLE VVV
Lets you type vv create in
Terminal, answer a couple of
questions and it builds your install.
1.Directory Name
2.Domain (Defaults to DirectoryName.dev)
3.Wordpress (Latest Stable or Trunk)
4.Multisite Install
5.Git Repo of wp-content folder
6.Local SQL file to import
7.Remove default themes & plugins
8.Add Sample Content
9.Enable WP_DEBUG & WP_DEBUG_LOG

43. WHAT YOU GET WITH VARIABLE VVV
Just run vv create to start the ⚡wizard

44. REMOVE AN INSTALL
When you realize you mistyped the install name…

45. A FEW OF THE
VARIABLE VVV
CREATION
OPTIONS
Blueprints
Set User Name, Password & Email
Locale
Create a Blank Site without WordPress

46. VAGRANT
MANAGER

47. App for Mac & Windows that will let you control your
vagrant boxes without using a command line.

48. OTHER VAGRANT
PROJECTS

49. MERCURY VAGRANT (HGV)
WPEngine Vagrant Box that is

set up to match their environment

50. TRELLIS
From the Roots team. It’s an interesting 

project that uses Ansible for provisioning

51. Any Questions?

52. THANK
YOU!
I’m Jon Trujillo
I work for Tytanium Ideas
I’m a Husband, Dad & Jesus Freak
Twitter: @jontrujillo
LinkeIn: jontruijllo
JonTrujillo.com