Local development environment

John Dorner
John DornerIT Training at NC Cooperative Extension
Local Development
John Dorner
@jdorner
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
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
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
What are your options?
XAMPP
MAMP
Free for 1; $59 for unlimited
DesktopServer (serverpress.com)
Free for < 4; $99.95 for unlimited
WAMP
What are your options?
Vagrant
Varying Vagrant Vagrants (VVV)
Trellis (https://roots.io/trellis/)
PuPHPet https://puphpet.com/
Manually install apache, php, MySql…
Others...
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
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Windows IIS is running
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Mac Version
Local development environment
Local development environment
Mac structure is a little different
Local development environment
Local development environment
Configuring Virtual Hosts
C:XAMPPapacheconfhttpd.conf
/Applications/XAMPP/etc/httpd.conf
Use Notepad++,
TextWrangler or
any other text editor
Remove # sign
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>
Local development environment
Local development environment
Local development environment
Local development environment
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
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
Local development environment
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
Vagrant
Create and configure lightweight, reproducible, and portable
development environments.
Installing Vagrant
Follow instructions at: https://github.com/Varying-Vagrant-Vagrants/VVV
When running step 6, install Xcode
https://www.virtualbox.org/wiki/Downloads
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/
Download Virtual Box
https://www.virtualbox.org/wiki/Downloads
Local development environment
Should install GIT
On Windows… before step 6
From git bash or use
git GUI
Local development environment
Local development environment
1 of 59

More Related Content

What's hot(7)

Upgrade safely your korg cx3 v2Upgrade safely your korg cx3 v2
Upgrade safely your korg cx3 v2
dekipeki2.2K views
Why LinuxWhy Linux
Why Linux
LinuxSIG504 views
Computer English Computer English
Computer English
Mohammed-AlShamili378 views
xampp_serverxampp_server
xampp_server
tutorialsruby771 views
App::RemoteCommandApp::RemoteCommand
App::RemoteCommand
Shoichi Kaji2.9K views

Similar to Local development environment(20)

Xampp PptXampp Ppt
Xampp Ppt
guestb4b8d8e12.6K views
Software Requirements of WordPressSoftware Requirements of WordPress
Software Requirements of WordPress
Tahir Ahmed (Master of Computer Science)507 views
PHP PresentationPHP Presentation
PHP Presentation
JIGAR MAKHIJA16.4K views
Local Development EnvironmentsLocal Development Environments
Local Development Environments
Joe Casabona601 views
Wampserver installation ajay-di-sharmaWampserver installation ajay-di-sharma
Wampserver installation ajay-di-sharma
Ajay Di Sharma823 views
The Modern Developer ToolboxThe Modern Developer Toolbox
The Modern Developer Toolbox
Pablo Godel2.6K views
Introduction to phpIntroduction to php
Introduction to php
shanmukhareddy dasi23.2K views
Windows & Mac OS XWindows & Mac OS X
Windows & Mac OS X
Educational Technology Center @ Missouri State University726 views
Setting up a local WordPress EnvironmentSetting up a local WordPress Environment
Setting up a local WordPress Environment
Chris La Nauze2.9K views

More from John Dorner(20)

Introduction to moodleIntroduction to moodle
Introduction to moodle
John Dorner370 views
Intro to social_networkingIntro to social_networking
Intro to social_networking
John Dorner391 views
File SharingFile Sharing
File Sharing
John Dorner533 views
Test PresentationTest Presentation
Test Presentation
John Dorner284 views
FacebookFacebook
Facebook
John Dorner602 views
Using Ning in EducationUsing Ning in Education
Using Ning in Education
John Dorner1.2K views
Drinking from a firehoseDrinking from a firehose
Drinking from a firehose
John Dorner760 views
Intro to Google DocsIntro to Google Docs
Intro to Google Docs
John Dorner318 views
Podcasting And  NCSU iTunesPodcasting And  NCSU iTunes
Podcasting And NCSU iTunes
John Dorner413 views

Recently uploaded(20)

Green Leaf Consulting: Capabilities DeckGreen Leaf Consulting: Capabilities Deck
Green Leaf Consulting: Capabilities Deck
GreenLeafConsulting177 views
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
gdsczhcet49 views
[2023] Putting the R! in R&D.pdf[2023] Putting the R! in R&D.pdf
[2023] Putting the R! in R&D.pdf
Eleanor McHugh36 views
Java Platform Approach 1.0 - Picnic MeetupJava Platform Approach 1.0 - Picnic Meetup
Java Platform Approach 1.0 - Picnic Meetup
Rick Ossendrijver24 views

Local development environment

Editor's Notes

  1. http://code.tutsplus.com/articles/how-to-setup-a-wordpress-development-environment-for-windows--wp-23365
  2. From TopIDE Top IDE Index http://pypl.github.io/IDE.html Based on how often IDEs are searched on Google from Google Trends
  3. Opinions - everyone has one and yours is the only one that doesn't stink.
  4. Version 7.0.6 DID not work on Mac.
  5. Version numbers are not for your operating system, but for the version of XAMPP and correspond to the version of PHP included. Download the one that is the same that is running on your host.
  6. Open the downloaded Mac package
  7. Windows
  8. Only in Windows Version are you asked for language.
  9. Issue when initially starting XAMPP on Windows 10 - Port 80 in use. You can disable it by going to Programs and Features. Click on Turn Windows features on or off. Uncheck Internet Information Services and also Internet Information Services Hostable Web Core if it is checked. Click OK to remove those applications.
  10. Turn of Windows IIS
  11. Read the HOW-TO Guides for setting up virtual hosts
  12. These are the folders you will be going into to make configuration change
  13. This is the root of the web server. You can replace it, but you will lose all the XAMPP How To Guides and tools.
  14. Localhost -> How To Guides -> Configure Virtual Hosts
  15. <directory "C:/users/John/Desktop/htdocs/wcavl/"> Require all granted </directory> Fixed a 403 access denied error.
  16. Create wcavl (or whatever you want to name it) folder in XAMPP/htdocs folder Create alias and move alias to your desktop or where ever you want it stored.
  17. MAMP Free or Pro for $60
  18. See: http://foundationphp.com/tutorials/vhosts_mamp.php for instructions.
  19. Opinions - everyone has one and yours is the only one that doesn't stink.
  20. Vagrant up the first time takes quite a while...
  21. On Windows - run "vagrant up" from a command line with Administrator privileges.