用 eclipse 写 WordPress 主题和插件

切换到 eclipse 有很长一段时间了. 这里推荐给 WordPress 主题作者和插件开发者, 当然如果你已经在使用或者计划使用其他更为强大的 IDE 开发工具的话可以跳过本文, 因为我这只介绍基本的使用方法, 旨在将大家引入一种更为便捷的开发环境. 当然对于非 WP 使用者而言这种方法同样适用.

Eclipse是著名的跨平台的自由集成开发环境(IDE)最初主要用来Java语言开发,但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开发工具… More

下载和安装 eclipse

Eclipse 有多个版本, 主要是它们集成了不同的插件从而适用不同语言的开发者. 你可以到这里下载.

我使用的编程语言是 PHP 因此下载 Eclipse for PHP Developers 这个版本.

Eclipse 是绿色软件, 解压即可使用, 当然由于它是基于 Java 的, 你需要 Java 环境. 安装Java环境和设置path, 这些细节不再本文讨论范围. 不会的菜鸟们可以 Google 一下.

使用技巧

第一次启动 eclipse 是一个欢迎界面, 关掉欢迎标签后会看到多个透视图. 接下来我们就可以开始使用这个强大的开发工具了.

新建工程

点击工具栏左下方按钮或者功过 file(文件) 新建一个 PHP Project

给你建的工程起个名字, 注意工程的路径为本地 WordPress 根目录(接下来, 你就会看到这样做的好处), 然后直接点 finish 即可

调整字体

默认情况下 eclipse 在 windows 上的字体偏小. 我们需要适当调整一下, 我主要只修改三处
修改步骤:
点击菜单上的 Window -> Preferences, 在左边的 General 中点开 Apperance -> colors and Fonts
我的设置是:
Dialog Font 设置为 微软雅黑
Text Editor Block Selection Font 和 Text Font 均设置为 Consolas

编辑器里面的字体原则上是使用等宽字体. 这样我们比较容易区分数字0和字母o这样比较接近的字符. windows 系统上默认是 Courier New. 我都看腻了. 试用了 Consolas 感觉还不错.

不推荐使用一些手写风格的字体, 漂亮的雅黑也最好不用, 我感觉那种字体用来编程看上去让眼睛很累. 网上有很多很漂亮的免费等宽字体下载. 大家可以去试试. 好的字体看上去舒服清晰, 敲代码时也让人心情愉悦些.

除了 Consolas 我还推荐的是 Linux 上面的 Mono

代码提示和自动完成

这个功能几乎是所有 IDE 都具备的, 给我们的编程提供了非常大的便利.

还记得刚刚在建立工程时把整个 WordPress 目录放进去的步骤吧, 就是为这个强大的提示和自动完成服务的.

代码提示: 鼠标放到个已经定义的函数上, 它的位置描述等等全部会提示出来. 按住 Ctrl单击那个函数, 我们就直接打开了那个函数所在的文件并自动转到那个函数的位置. 你很方便的查看那个函数具体是怎么编写的.

自动完成: 有时候我们记不清到底之前写过的变量或者函数时, 只需要写出那个函数或变量的前几个字符然后按住 alt+? 它会自动为您搜索.

常用快捷键

* 不推荐修改原有的快捷键. 记住一些常用的就可以了

安装插件

Eclipse 有很多的插件, 但是对于写 WordPress 主题和插件的作者来说我推荐常装的插件是 Aptana. 用它来敲 Javascript 怎一个爽字了得.

事实上 Aptana 是个基于 eclipse 开发的 IDE, 同时它也提供一个 eclipse 的插件, 这样装了 Eclipse 的人就没有必要在重新安装一次 Aptana 了, 而只需要安装它提供的插件.

你可以选择两种方法来安装 Aptana 插件版. 1, 在线更新. 2, 下载 zip 文件. 你任选择一种即可. 到目前为止. 最新版zip的压缩文件约 35M. 我一般选择的是下载 zip 压缩包. 因为用迅雷下载这玩意很快. 比在线更新要快的多.

在线更新请按照 Aptana 提供的步骤来.

我简单介绍一下 zip 压缩包格式的安装.
点击菜单栏的 Help -> Install New Software… 在弹出的窗口中点击 add -> Archive… 选择你下载回来的压缩包. 然后一步一步安装即可.

装好这个插件后如果你经常用 javascript 框架写代码的话. 那我建议你安装 Aptana 的相关 Javascript 框架支持. 比如我安装了 jQuery. 我这里不再详细, 不怎么理解的请 Google 一下. 有很多的教程告诉你要这么装.

值得注意的是:
装好插件后要调整一下文件的打开方式, Window -> Preferences, General -> Eidtors -> File Associations. 找到 js 后缀. 将 Aptana JS Editor 设置为默认编辑器. 这样你才能用 Aptana 提供的强大提示和自动完成功能. 要不然你会莫名其妙的发现插件安装成功了. 怎么就没有我提到的功能呢? 如果你还安装了其他的什么高级编辑器同样需要这样处理一下. 否则就它是调用 eclipse 默认的编辑器的.

后续话题:

代码重构

SVN 版本控制

类似软件和工具

• Zend Studio
• Aptana

后记:

请原谅此文没有插图. 不要说无图无真相. 哈. 我是希望你亲自去体验.

上面提及的两个类似软件都是基于 eclipse 这个开源软件的. 都是一个内核. 不同的只是集成的插件不同. 由不同的公司,社区维护.

有人说使用 IDE 工具尤其是代码自动完成会造成人的惰性. 嗯. 我也觉得是这样. 其实我们现在流行使用 jQuery 和其他 javascript 框架. 甚至其它任何让人们可以偷懒的工具, 不也是同样的道理吗? 用的多了, 我们是感觉很方便的同时也忘却了很多该记住的东西. 这就跟一个厨师一般不会去关注锅碗瓢盆是怎么制造出来的而只是关注饭菜要怎么才美味一样. 另个可比的情况是: 我们很多人离开了 Dreamweaver 这种所见即所得的编辑工具后给个记事本就完全不会写 HTML 了. 所以如果你希望多了解编程, 还是一定要多去记忆一下东西的. IDE 只是一个便捷的快速的开发环境.

还有什么问题? 欢迎提交评论, 大家一起讨论.

声明:本站遵循署名-非商业性使用-相同方式共享3.0共享协议. 转载请注明转自 PhilNa ™