Web Development Environment

Hi again.

I will share my web development environment with you to help some of you get your work done faster. This was a straggle for me because  I was developing websites with software called xampp and deploying my project using FTP. Fun days. So, I will share the software’s that I have been using happily after. This is a tutorial for beginners. People with experience already have their own way to develop websites. Also I don’t claim that my way is the best way. You need to find best way for yourself and try everything out there.


  1. Sublime Text for coding
  2. git for version control
  3. Vagrant for development servers
  4. I use puphpet for vagrant boxes. It’s easy but sometimes pain in the ass.
  5. git bash for terminal
  6. SourceTree to work with git. (I usually use git-bash terminal for git. It’s some how easier for me)
  7. git-ftp for deploying codes and websites. Since I work alone I see no harm to use git-ftp

Sublime Text:

Light weight, beautiful looking  text editor. It comes almost with nothing but you can Install plugins which saves your times and money.

To be able to install plugins Go to View>Show Console then copy and paste this code hit enter.

Sublime Text 2

import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

Sublime Text 3

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)


After you install package control restart Sublime Text and hit ctrl+shift+P if you use windows. Then type install from there click on Package control: Install Package. You will see list of packages. You can install which ever you like.

One thought on “Web Development Environment”

Comments are closed.