Basic Ubuntu Open Source Web Development Environment - 64 Bit
May 26th, 2009 . by Lori BravoThis is a recipe for creating a web development environment using Ubuntu 8.04 64 bit. I tried using 9.04, but it was just too buggy and kept leaving orphaned inodes behind. I’ll bet I cleanly installed 8 times before today, when I went back down to 8.04. I am not disappointed that I can’t seem to get along with 9.04, just a little irritated that I wasted a ton of time installing. Anyway, not to complain too much about it — here’s the laundry list of stuff I’ve got to have installed and configured to develop web. Downloading and installing Ubuntu from the Live CD all the way through these steps takes about four hours, so get comfortable. I’m assuming you’ve got Ubuntu installed, so here’s the customizations I apply.
1. You need a decent web editor. The best one I’ve found is Quanta Plus. It’s got a somewhat usable WYSIWYG editor.
info: http://quanta.kdewebdev.org/
To Install - Use System > Administration > Synaptic Package Manager
Search for Quanta, check box, apply changes.
2. Gedit, the Text Editor that is installed with Ubuntu, can be a fairly robust script editor with the right plugins. In fact, it’s pretty cool. You can get a terminal pane on the bottom of the editor and your file list on the left, plus more. First, get the most useful gedit package of plugins here: http://live.gnome.org/GeditPlugins. Then read the full list of available plugins, go to http://live.gnome.org/Gedit/Plugins.
Here are the plugins I have enabled:
From the extra plugins package (you can install these as a bundle from your Synaptic Package Manager (search for gedit):
- Bracket Completion
- Code Comment
- Color Picker
- Document Statistics
- Embedded Terminal
- File Browser Pane
- Indent Lines
- Insert Date/Time
- Modelines
- Snippets
- Spell Checker
- Tag List
From the list:
- Browser Preview 1.03
- HTML tidy
- Lastdocs
To install most plugins, unzip the file to ~/.gedit2/plugins/ and re-run Gedit (Text Editor). Then enable / configure the plugins from Edit>Preferences>Plugins.
3. Go grab the Firefox add-on that lets you inspect a variety of items and outline tables, etc. within the browser.
Web Development Firefox Plugin: https://addons.mozilla.org/en-US/firefox/addon/60
4. Install the web, php, mysql server stuff you need to develop locally. This is where we’ve got to get to that terminal prompt (yeah, you’ve got to type or cut and paste stuff). Fire up your terminal, and type:
sudo apt-get -y install mysql-server apache2 libapache2-mod-php5 php5 php5-mysql
This installs (on my version of Ubuntu):
- Apache/2.2.11 (Ubuntu)
- PHP/5.2.6-3ubuntu4.1 with Suhosin-Patch
- MySQL 5.075
Edit /etc/apache2/sites-enabled/000-default to point to where you want to keep your web files. So type:
sudo gedit /etc/apache2/sites-enabled/000-default
and find the document root directory - change it to where you plan on keeping your development files.
Now, restart your server
sudo /etc/init.d/apache2 restart
Create info.php in your web document root (you can use gedit)
< ?php
phpinfo();
?>
In a browser, http://localhost/info.php should give you lots of information about what you just installed.
5. Install PHPmyAdmin, a web based database manager so you can deal with mysql in your environment.
In your terminal, type
sudo apt-get install phpmyadmin
Let Apache know phpmyadmin is there and what it needs.
sudo gedit /etc/apache2/apache2.conf
Add the following line of code inside apache2.conf:
Include /etc/phpmyadmin/apache.conf
Now restart Apache:
sudo /etc/init.d/apache2 restart
Test by logging in to http://localhost/phpmyadmin
6. Install Flash 10 (a bit of a pain on 64 Bit)
http://news.softpedia.com/news/How-to-Install-Adobe-Flash-Player-64-bit-on-Ubuntu-8-10-98076.shtml
7. Install Skype 64 Bit
http://www.skype.com/go/getskype-linux-ubuntu-amd64
8. Start coding!
Hope that is a good recipe. If you’ve got any other ideas, please add comments! I’d appreciate it


