本网站只能被运行在支持JavaScript脚本的环境中

开发环境

本节概述

在开发Web网站时,如果熟练使用一个良好的开发环境,可以成倍提高开发效率。本节介绍在开发Web网站时可以使用的开发环境。

目前,Web开发者们常用的开发环境如下所示。

  • Dreamweaver
  • Aptana Studio
  • NetBeans

Dreamweaver

Dreamweaver为Adobe公司(被收购前为Macromedia公司)销售的Web应用程序开发平台。除了支持HTML 5之外,同时提供用于创建Web网站的文件的管理、搜索、FTP、预览等功能。

在最新版的Dreamweaver软件中,提供如下所示的一些功能:

  • 提供基于CSS 3的,支持跨平台、跨浏览器的灵活的网格布局。
  • 可以在编辑面板中添加HTML 5元素。
  • 支持jQuery、jQuery Mobile以及PhoneGap。
  • 可以实时预览正在编辑的网页。
  • 支持针对各种设备屏幕所进行的网页预览功能。
  • 支持与WordPress与Drupal的CMS协同开发。
  • 支持对于HTML、JavaScript等多种语言的代码智能提示功能。
  • 支持在其中使用Subversion版本管理系统。

另外,Adobe公司于2012年5月在GitHub上公布了被称为Brackets的开源HTML/CSS/JavaScript代码编辑器(官方博客网址:Brackets Blog)。该代码编辑器与Dreamweaver为用途不同的两种代码编辑器,有兴趣者可尝试使用。

Aptana Studio

Aptana Studio为著名的Java综合开发环境Eclipse中可以使用的一个Web开发环境。由Appcelerator公司(被收购前为Aptana公司)组织开发与公布。支持对于HTML/CSS/JavaScript/PHP/Ruby等多种语言的编辑功能。

目前其最新版为Aptana Studio 3,为一个使用GNU GPL许可证3.0版本进行公开的开源软件,可以在Eclipse软件中通过添加插件的方法来免费对其使用。

在最新版的Aptana Studio 3中,提供如下所示的一些功能:

  • 支持对于HTML/CSS/JavaScript/PHP/Ruby等多种语言的编辑功能。
  • 提供跨浏览器的兼容代码提示。
  • 支持具有断点、变量作用范围、单步执行控制功能的JavaScript调试器。
  • 支持使用Git版本管理系统。支持添加插件,支持SCM功能。
  • 支持IDE自定义功能。

由于与Ruby on Rails综合开发环境RadRails同属同一个开发公司,所以支持与Ruby的协作开发。

另外,Appcelerator公司为著名的移动应用程序开发平台Titanium Mobile的主要开发公司,同时公布了以Aptana Studio为基础的加强移动应用程序开发功能的综合开发环境Titanium Studio


Aptana Studio的workspace

在Aptana Studio中编辑CSS样式代码。在输入属性后,属性概要、支持浏览器、CSS版本等信息将被弹出显示

NetBeans

NetBeans为一个Java综合开发环境。由Oracle公司(被收购前为Sun Microsystems公司)赞助NetBeans社区开发。支持对于PHP、Java、C、HTML以及JavaScript等多种语言的编辑。

目前的最新版本为7.4版,为一个使用Common Development and Distribution许可证(CDDL-1.0)与GNU GPL许可证2.0版本这双重许可证进行公开的开源软件,提供免费使用。

自7.3版开始大幅度加强HTML 5相关代码编辑功能,可以使用元素查看及JavaScript脚本代码调试功能。另外,支持与Google Chrome浏览器的协作功能,可被作为Chrome浏览器的一个扩展来进行自适应网站设计并在Chrome浏览器中对页面视觉效果进行确认,可以通过简单操作查看页面在各种设备及浏览器中的视觉效果。

NetBeans软件的特征如下所示:

  • 支持在编辑代码的同时确认编辑结果的实时预览功能。
  • 提供对自适应Web设计结果进行确认的工具。
  • 支持使用JavaScript, jQuery语言及JSON对象。
  • 支持在确认页面视觉效果的同时编辑CSS样式代码。
  • 支持对JavaScript脚本代码进行调试,支持使用JasmineJsTestDriver进行单元测试。
  • 提供跨浏览器兼容的代码帮助。

  • 支持CVS、Subversion、Git、Mercurial版本管理系统。

另外,可以从PluginPortal网站上下载各种NetBeans软件中可以使用的插件,例如便于开发WordPress相关功能的PHP WordPress Blog/CMS插件

可以从NetBeans官网上免费将其下载,可以根据开发者自身所使用的环境或环境选择需要下载的版本。


NetBeans开发环境

目前主流开发环境的共通特征如下所示。

  • 提供代码智能提示、语法检查、帮助调用、WYSIWYG支持等多种功能。
  • 不仅支持HTML/CSS/JavaScript客户端语言,也支持PHP与Ruby等服务器端语言。

对于既要开发服务器端代码,又要编辑HTML或JavaScript等客户端代码的开发者来说,只需使用一种开发环境即可完成所有工作,的确可以省去很多时间。

以上介绍了3种开发环境。虽然在这些开发环境中提供了众多功能,但因此而消耗的计算机资源也会相应增加。对于配置较低的计算机中可能会出现运行速度较慢的情况,在这种情况下可以通过设置禁用部分不需要使用的功能。