在UBUNTU上做WEB开发

原文地址：http://adams9925.blog.163.com/blog/static/132772420073180290571/

在UBUNTU上做WEB开发，首先当然是要解决浏览器问题。上篇文章里提到了用FEBE快速安装FIREFOX的扩展，FIREFOX在WEB开发过程中的作用并不仅仅是查看效果的浏览器，它同时也是一个功能强大的调试器——前提是你安装了Firebug 1.0 beta

过去一提到FIREFOX上的开发工具就有人会说Web Developer工具条，实际上Firebug的功能要强大的多，也更有针对性。不过以前的版本侧重于JS程序的调试和查错，掩盖了其他方面的应用，而前段时间发布的1.0 beta版则完全摆脱了这个束缚，即使不算是改头换面，功能也有质的飞跃，比如分析页面DOM，查看CSS的功能：

从下图中可以看到，现在Firebug能完整的显示DOM和源代码（包括所有属性和文本节点），很多细节都考虑的很周到，比如display:none的元素会显示为浅灰色，鼠标滑过图片地址和颜色代码时还会显示注释窗口。最重要的改进是：能分类列出某一元素的所有样式——包括从上级节点继承的样式，被覆盖的继承样式也会用划线标识出来，这项功能实用到极点了，可以大幅减少修改CSS花费的时间。Firebug的作者一定是对网站前端开发过程非常有经验的人。



在这个界面还可以直接修改代码观察效果


点击右栏里的layout标签会显示出一个图形化的框模型（按照《精通CSS》的译法，BOX叫框模型似乎比叫盒模型更贴切），元素每条边的padding、margin、border、坐标都一目了然，鼠标移到某一个条边上时，页面里还会显示标尺



主导航里多了一个NET标签，可以统计加载各种文件花费的时间，包括XMLHttprequest



JS的调试也更方便，控制台里可以写多行代码，还可以在源代码里设置断点。

不管是网页设计人员还是程序员，只要涉及到WEB前端，这个扩展都应该是必备的。虽然目前是BETA版，但新功能都没有任何问题，使用了一个月左右也没发现会引起浏览器不稳定，何况1.0还加入了一个新功能，可以在日常上网中屏蔽FIREBUG，避免占用资源。

当然，FIREFOX再强大，也不能不装IE，毕竟它还有80％以上的市场占有率以及一大堆莫名其妙的BUG，谁也不敢不在IE上测试就把网站发布出去。要在LINUX上安装IE，首先请感谢这位巴西的21岁热血青年，他给我们贡献了IEs4Linux，这名字里的4当然是指“FOR”而不是版本号，实际上它会给你装3个版本！从IE6到IE5。这东西一出来就被翻译成好几种语言，所以相关介绍请看官方的中文说明，安装这个必须要有WINE的支持，这是LINUX上一款很重要的虚拟软件，用它你可以安装很多WINDOWS里的软件，甚至包括WOW

在ubuntu上安装这些软件很简单，都可以直接用APT获取：
sudo apt-get install wine cabextract
然后下载IEs4Linux的压缩包，解压、安装……

BTW，除了WEB开发，还有一种情况下会需要用IE——使用网上银行，因为国内的银行都是采用ActiveX和微软直接提供的底层开发技术，不过这里有一个方法可以让FIREFOX支持网上银行。

至于其他浏览器，opera虽然不是开源的，但也被加入到ubuntu的源里了，可以直接用APT下载……不过，大概没有多少WEB开发者会为这个东西的兼容性浪费时间罢，反正据我了解opera的用户也不在乎这个……至于苹果的Safari，我不知道有没有LINUX版本，但Safari的WebKit内核是从KDE项目的KHTML及KJS衍生而来的，也就是说KDE的浏览器Konqueror的性能大概跟Safari差不多，用ubuntu当然可以直接安装Konqueror（APT管理工具里每个软件类别都包括一大堆K字开头的软件……很让人困扰，另外，ubuntu有专门的KDE桌面版本，叫Kubuntu）

浏览器的问题解决了，接下来就是程序的运行环境。就在前天，系统刚好就提示更新了一大堆带“MONO”的文件，MONO就是把微软.net+C#移植到开源平台上的项目，最早是由Ximian（这家公司跟UBUNTU采用的桌面系统GNOME有很大关系，对这段历史感兴趣可以看看这篇文章：《GNOME与KDE的战争》）主持开发的，FC6和SUSE Linux里都安装了，习惯用.net和C#的人可以试试这个，虽然我不认为习惯用.net的人会去安装UBUNTU……

不过最近Ximian的母公司Novell跟微软达成合作协议，似乎承认MONO包含了微软的专利技术，现在其他LINUX厂商对MONO都有顾虑了……似乎没什么前途……我要说，在LINUX上开发还是老老实实用开源的罢，珍珠、蟒蛇、红宝石、爪哇……都是很强很有前途的高级语言亚，微软的技术总让人觉得不稳定，而以上的开源语言在这么多年里都没有过时，比如Python，虽然在国内不流行，但Google招聘时却很重视这个……

反正我首先装的是JDK，用APT可以直接安装JDK或JRE，但我在安装到java5-bin时会报错，似乎是很少见的问题，我只好直接在SUN的网站上下载了一个JDK安装包（sun-j2sdk1.5_1.5.0+update09_i386.deb），安装成功……

然后自然要配置一套大名鼎鼎的LAMP，也就是Linux+Apache+Mysql+PHP，详细的教程已经很多了，没什么好说的，参考《打造Ubuntu下的SLAMP》

其他的环境，比如ruby，我还没有装，因为暂时用不上……

最后就是开发工具了，建议直接装Eclipse，APT里就有，虽然Linux里也有替代Dreamweaver的开源软件：Bluefish和NVU，后者是mozilla的产品。不过它们的功能都很有限，就算是Dreamweaver我也有很久没用过了，在公司里只装了2个软件：Aptana和Editplus，一个重量级一个轻量级……

Editplus的替代品很容易找，只要是支持语法高亮和标签页的文本编辑器就行了。

而Aptana是目前我觉得最有前途的WEB开发工具，功能非常强大，针对性很强，包括代码自动补全、代码纲要（Outliner）、语法检查、注释、浏览器兼容信息、CSS校验、JS控制台、导入／管理JS框架等等。虽然体积庞大，有点占资源，但它提供的帮助也能节省很多时间。用一个基于Eclipse开发的IDE来写网页并不是杀鸡用牛刀，因为现在的网站对javascript和前端开发的要求越来越高了，就算只是写CSS的工具，我也没看到有胜过Aptana的——前提是你不依赖那些对话框来编辑CSS

这里推荐用插件形式来安装Aptana，这样可以方便扩展功能，比如对PHP、Python的支持，Linux上的IDE本来就不多。而且直接安装Aptana的时候会自动装JRE，可能会引起冲突。先用APT或“新立得”安装Eclipse，在Eclipse的帮助菜单里找到Software Updates，选择Find and Install，在对话框里选第2项Search for new features to install，然后新建New Remote Site，名字Aptana，地址填“http://update.aptana.com/install/”，添加这个站点后再点Finish，Eclipse就开始自动连接站点寻找Aptana插件，检测到之后点NEXT安装就行了。


从图中可以看到，软件的UI有些偏大，字体也不好看，据说升级到JDK6以后会有很大改观：

对于 Linux 用户来说，Java 1.6 有两项新特性特别引人注目：一是支持 GTK 图形主题，这样 Java 应用程序的外观与系统的默认外观看起来很一致；二是内嵌新的字体渲染引擎会应用系统默认的字体配置，使 Java 应用程序的效果看起来很好，如果是 LCD 屏幕，则更佳。

最后的问题就是改图，由于Linux上没有adobe的产品，只能用 GIMP ，这东西功能很强，而且有大量资源的支持，但我还没习惯…………