Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
LocalDevelopment

WithVagrant&VVV
2015 WordCamp

Sacramento
HOW I GOT HERE
a brief overview of my Local Dev History
MY FIRST DEV ENVIRONMENT
Installed PHP, 

MySQL & Apache on OSX
MY NEXT DEV ENVIRONMENT
MAMP & MAMP PRO
AND THEN…
KINDA COWBOY CODING
AND THEN…
WHAT WE’LL

BE GOING OVER
What is Vagrant
What is Varying Vagrant
Vagrants(VVV)
Getting Set Up
Tools for working with VVV
...
WHAT IS
VAGRANT
WHAT IS
VAGRANT
Software to setup sandboxed
development environments
It uses Virtual Machines
Won’t junk up your native OS...
SETTING UP
VAGRANT
STEP 1
Install A Virtual Machine Provider
vmwareFusion or Workstation
STEP 1
STEP 2
Install Vagrant
There are installers for
• Mac
• Windows
• Linux (Dabian & Centos)
STEP 2
STEP 3
Test it in your Terminal
STEP 3
VAGRANT
COMMANDS
SOME HELPFUL
COMMANDS
vagrant up
vagrant halt
vagrant ssh
vagrant suspend
vagrant resume
VARYING
VAGRANT
VAGRANTS
WHAT

IS VVV
A vagrant environment that’s
configured for WordPress development
Started life as a 10up project now it’s
mai...
INSTALL VVV
Install the vagrant plugin “vagrant-hostupdater"
STEP 1
Install the vagrant Plugin “vagrant-triggers"
STEP 2
Clone the VVV into a “vagrant-local” directory
STEP 3
Change directory into vagrant-local and “vagrant up”
STEP 4
Go make some coffee… this part takes a few minutes.
STEP 4
You’re running Variable Vagrant Vagrants
TA-DA…
WHAT JUST
HAPPENED?
Setup your Ubuntu development box
Created a site at vvv.dev with links 

to all the bundled tools & Li...
NOW WHAT?
Visit local.wordpress.dev in your browser
Go Check
ACCESSING
THE DATABASE
phpMyAdmin
vvv.dev/database-admin
SEQUEL PR0
VAGRANT
SSH
Get silly with MySQL 

with the command line
SOME TOOLS
VVV DASHBOARDS
VVV.DEV
Take the vvv.dev site from this…
BOOTSTRAP STYLED VVV.DEV
to this…
VVV
SITE WIZARDS
VARIABLE VVV
By Brad Parbs he works WebDev Studios

‘cause there wasn’t enough V’s
WHAT YOU

GET WITH 

VARIABLE VVV
WHAT YOU

GET WITH 

VARIABLE VVV
Lets you type vv create in
Terminal, answer a couple of
questions and it builds your ins...
WHAT YOU GET WITH VARIABLE VVV
Just run vv create to start the ⚡wizard
REMOVE AN INSTALL
When you realize you mistyped the install name…
A FEW OF THE
VARIABLE VVV
CREATION
OPTIONS
Blueprints
Set User Name, Password & Email
Locale
Create a Blank Site without W...
VAGRANT
MANAGER
App for Mac & Windows that will let you control your
vagrant boxes without using a command line.
OTHER VAGRANT
PROJECTS
MERCURY VAGRANT (HGV)
WPEngine Vagrant Box that is

set up to match their environment
TRELLIS
From the Roots team. It’s an interesting 

project that uses Ansible for provisioning
Any Questions?
THANK
YOU!
I’m Jon Trujillo
I work for Tytanium Ideas
I’m a Husband, Dad & Jesus Freak
Twitter: @jontrujillo
LinkeIn: jont...
Upcoming SlideShare
Loading in …5
×

Local development with vvv jon trujillo

1,086 views

Published on

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.

Published in: Investor Relations
  • Be the first to comment

Local development with vvv jon trujillo

  1. 1. LocalDevelopment
 WithVagrant&VVV 2015 WordCamp
 Sacramento
  2. 2. HOW I GOT HERE a brief overview of my Local Dev History
  3. 3. MY FIRST DEV ENVIRONMENT Installed PHP, 
 MySQL & Apache on OSX
  4. 4. MY NEXT DEV ENVIRONMENT MAMP & MAMP PRO
  5. 5. AND THEN… KINDA COWBOY CODING
  6. 6. AND THEN…
  7. 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. 8. WHAT IS VAGRANT
  9. 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. 10. SETTING UP VAGRANT
  11. 11. STEP 1
  12. 12. Install A Virtual Machine Provider vmwareFusion or Workstation STEP 1
  13. 13. STEP 2
  14. 14. Install Vagrant There are installers for • Mac • Windows • Linux (Dabian & Centos) STEP 2
  15. 15. STEP 3
  16. 16. Test it in your Terminal STEP 3
  17. 17. VAGRANT COMMANDS
  18. 18. SOME HELPFUL COMMANDS vagrant up vagrant halt vagrant ssh vagrant suspend vagrant resume
  19. 19. VARYING VAGRANT VAGRANTS
  20. 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. 21. INSTALL VVV
  22. 22. Install the vagrant plugin “vagrant-hostupdater" STEP 1
  23. 23. Install the vagrant Plugin “vagrant-triggers" STEP 2
  24. 24. Clone the VVV into a “vagrant-local” directory STEP 3
  25. 25. Change directory into vagrant-local and “vagrant up” STEP 4
  26. 26. Go make some coffee… this part takes a few minutes. STEP 4
  27. 27. You’re running Variable Vagrant Vagrants TA-DA…
  28. 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. 29. NOW WHAT?
  30. 30. Visit local.wordpress.dev in your browser Go Check
  31. 31. ACCESSING THE DATABASE
  32. 32. phpMyAdmin vvv.dev/database-admin
  33. 33. SEQUEL PR0
  34. 34. VAGRANT SSH Get silly with MySQL 
 with the command line
  35. 35. SOME TOOLS
  36. 36. VVV DASHBOARDS
  37. 37. VVV.DEV Take the vvv.dev site from this…
  38. 38. BOOTSTRAP STYLED VVV.DEV to this…
  39. 39. VVV SITE WIZARDS
  40. 40. VARIABLE VVV By Brad Parbs he works WebDev Studios
 ‘cause there wasn’t enough V’s
  41. 41. WHAT YOU
 GET WITH 
 VARIABLE VVV
  42. 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. 43. WHAT YOU GET WITH VARIABLE VVV Just run vv create to start the ⚡wizard
  44. 44. REMOVE AN INSTALL When you realize you mistyped the install name…
  45. 45. A FEW OF THE VARIABLE VVV CREATION OPTIONS Blueprints Set User Name, Password & Email Locale Create a Blank Site without WordPress
  46. 46. VAGRANT MANAGER
  47. 47. App for Mac & Windows that will let you control your vagrant boxes without using a command line.
  48. 48. OTHER VAGRANT PROJECTS
  49. 49. MERCURY VAGRANT (HGV) WPEngine Vagrant Box that is
 set up to match their environment
  50. 50. TRELLIS From the Roots team. It’s an interesting 
 project that uses Ansible for provisioning
  51. 51. Any Questions?
  52. 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

×