Local development environment
-
Upload
john-dorner -
Category
Technology
-
view
234 -
download
2
Transcript of Local development environment
![Page 1: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/1.jpg)
Local DevelopmentJohn Dorner
@jdorner
![Page 2: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/2.jpg)
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
![Page 3: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/3.jpg)
Integrated Development EnvironmentSource code editorBuild automation tools DebuggerIntelligent code
completion Version ControlDebugging
Visual StudioEclipseVimNetBeansXcodeSublime TextKomodoEmacsPhpStorm
![Page 4: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/4.jpg)
Why do you need to develop locally?Test changes before you push them to the
live serverHave a copy or versions of your website stored on
your computerWork offlinePLAY
![Page 5: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/5.jpg)
What are your options?XAMPP MAMP
Free for 1; $59 for unlimitedDesktopServer (serverpress.com)
Free for < 4; $99.95 for unlimitedWAMP
Windows only
![Page 6: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/6.jpg)
What are your options?Vagrant
Varying Vagrant Vagrants (VVV)Trellis (https://roots.io/trellis/)
PuPHPet https://puphpet.com/ Manually install apache, php, MySql… Others...
![Page 7: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/7.jpg)
Which should you choose?ServerPress
Easiest
Automatically installs WP
$99.95 for more than 3
MAMPEasy to install
Best GUI
$59 for more than 1
XAMPPEasy to install
Learning
FREE
Vagrant and VVVEasy on Mac
Not as easy on Windows
Multiple environments
Best for developers
Trellis ???
![Page 8: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/8.jpg)
![Page 9: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/9.jpg)
![Page 10: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/10.jpg)
![Page 11: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/11.jpg)
![Page 12: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/12.jpg)
![Page 13: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/13.jpg)
![Page 14: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/14.jpg)
![Page 15: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/15.jpg)
![Page 16: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/16.jpg)
![Page 17: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/17.jpg)
![Page 18: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/18.jpg)
![Page 19: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/19.jpg)
![Page 20: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/20.jpg)
![Page 21: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/21.jpg)
![Page 22: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/22.jpg)
![Page 23: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/23.jpg)
Windows IIS is running
![Page 24: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/24.jpg)
![Page 25: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/25.jpg)
![Page 26: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/26.jpg)
![Page 27: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/27.jpg)
![Page 28: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/28.jpg)
![Page 29: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/29.jpg)
![Page 30: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/30.jpg)
Mac Version
![Page 31: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/31.jpg)
![Page 32: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/32.jpg)
![Page 33: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/33.jpg)
Mac structure is a little different
![Page 34: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/34.jpg)
![Page 35: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/35.jpg)
![Page 36: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/36.jpg)
Configuring Virtual HostsC:\XAMPP\apache\conf\httpd.conf/Applications/XAMPP/etc/httpd.confUse Notepad++, TextWrangler or any other text editorRemove # sign
![Page 37: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/37.jpg)
Configuring Virtual HostsWindows:
C:\xampp\apache\conf\extra\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>
![Page 38: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/38.jpg)
![Page 39: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/39.jpg)
![Page 40: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/40.jpg)
![Page 41: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/41.jpg)
![Page 42: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/42.jpg)
MAMP ConfigurationTo create virtual hosts in MAMP:
Edit C:\MAMP\conf\apache\httpd.confRemove comment before "Include conf/extra/httpd-vhosts.conf"
# Virtual hosts
# Include conf/extra/httpd-vhosts.conf
![Page 43: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/43.jpg)
![Page 44: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/44.jpg)
![Page 45: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/45.jpg)
![Page 46: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/46.jpg)
![Page 47: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/47.jpg)
![Page 48: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/48.jpg)
![Page 49: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/49.jpg)
![Page 50: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/50.jpg)
Which should you choose?ServerPress
Easiest
Automatically installs WP
$99.95 for more than 3
MAMPEasy to install
Best GUI
$59 for more than 1
XAMPPEasy to install
Learning
FREE
Vagrant and VVVEasy on Mac
Not as easy on Windows
Multiple environments
Best for developers
Trellis ???
![Page 51: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/51.jpg)
VagrantCreate and configure lightweight, reproducible, and
portable development environments.
![Page 52: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/52.jpg)
Installing VagrantFollow instructions at: https://github.com/Varying-Vagrant-Vagrants/VVV
When running step 6, install Xcode
![Page 53: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/53.jpg)
https://www.virtualbox.org/wiki/Downloads
![Page 54: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/54.jpg)
Windows 10 issuesYou may have to remove antivirus program.
Avira and probably Kapersky
You may have to download and install Githttps://git-scm.com/
![Page 55: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/55.jpg)
Download Virtual Boxhttps://www.virtualbox.org/wiki/Downloads
![Page 56: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/56.jpg)
![Page 57: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/57.jpg)
Should install GITOn Windows… before step 6
From git bash or use git GUI
![Page 58: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/58.jpg)
![Page 59: Local development environment](https://reader036.fdocuments.net/reader036/viewer/2022062522/589e73ca1a28ab300b8b4eeb/html5/thumbnails/59.jpg)