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.

Local development environment

362 views

Published on

Presentation given at WordCamp Asheville 2016

Published in: Technology
  • Be the first to comment

Local development environment

  1. 1. Local Development John Dorner @jdorner
  2. 2. What is a Local Development Environment? A web server on your computer. A LAMP stack (Linux, Apache, MySql and PHP) http://developer.wordpress.org/themes/getting-started/setting-up- a-development-environment
  3. 3. Integrated Development Environment Source code editor Build automation tools Debugger Intelligent code completion Version Control Debugging Visual Studio Eclipse Vim NetBeans Xcode Sublime Text Komodo
  4. 4. Why do you need to develop locally? Test changes before you push them to the live server Have a copy or versions of your website stored on your computer Work offline PLAY
  5. 5. What are your options? XAMPP MAMP Free for 1; $59 for unlimited DesktopServer (serverpress.com) Free for < 4; $99.95 for unlimited WAMP
  6. 6. What are your options? Vagrant Varying Vagrant Vagrants (VVV) Trellis (https://roots.io/trellis/) PuPHPet https://puphpet.com/ Manually install apache, php, MySql… Others...
  7. 7. Which should you choose? ServerPress Easiest Automatically installs WP $99.95 for more than 3 MAMP Easy to install Best GUI XAMPP Easy to install Learning FREE Vagrant and VVV Easy on Mac Not as easy on Windows Multiple environments Best for developers
  8. 8. Windows IIS is running
  9. 9. Mac Version
  10. 10. Mac structure is a little different
  11. 11. Configuring Virtual Hosts C:XAMPPapacheconfhttpd.conf /Applications/XAMPP/etc/httpd.conf Use Notepad++, TextWrangler or any other text editor Remove # sign
  12. 12. Configuring Virtual Hosts Windows: C:xamppapacheconfextra httpd-vhosts.conf Mac: /Applications/XAMPP/etc/extra/ httpd-vhosts.conf <VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/" ServerName localhost </VirtualHost> <VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/wcavl" ServerName wcavl.local </VirtualHost> <VirtualHost *:80> DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/" ServerName localhost </VirtualHost> <VirtualHost *:80> DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/wcavl" ServerName wcavl.local </VirtualHost>
  13. 13. MAMP Configuration To create virtual hosts in MAMP: Edit C:MAMPconfapachehttpd.conf Remove comment before "Include conf/extra/httpd-vhosts.conf" # Virtual hosts # Include conf/extra/httpd-vhosts.conf
  14. 14. Which should you choose? ServerPress Easiest Automatically installs WP $99.95 for more than 3 MAMP Easy to install Best GUI XAMPP Easy to install Learning FREE Vagrant and VVV Easy on Mac Not as easy on Windows Multiple environments Best for developers
  15. 15. Vagrant Create and configure lightweight, reproducible, and portable development environments.
  16. 16. Installing Vagrant Follow instructions at: https://github.com/Varying-Vagrant-Vagrants/VVV When running step 6, install Xcode
  17. 17. https://www.virtualbox.org/wiki/Downloads
  18. 18. Windows 10 issues You may have to remove antivirus program. Avira and probably Kapersky You may have to download and install Git https://git-scm.com/
  19. 19. Download Virtual Box https://www.virtualbox.org/wiki/Downloads
  20. 20. Should install GIT On Windows… before step 6 From git bash or use git GUI

×