Chapter 2工欲善其事 ...

——开发 Web 项目工具的选择

关于浏览器

推荐使用：（按推荐程度排序）

• Google Chrome

HTML5 、 WebGL 支持、即时调试

• Mozilla Firefox

众多的插件、较为标准

• Internet Explorer

用户群体众多

关于浏览器

Chrome 在“审查元素”中做出的修改会即时更新到页面上

关于浏览器

不推荐使用：

• IE 内核的非 IE 浏览器

不规范或使用旧的内核

（ 360 、搜狗、腾讯 TT 等）

• Opera

兼容性不够好，有自己的表现标准

（只是不适合用于开发）

开发环境

• 记事本 + 浏览器

优点：简单方便

缺点：不适合编写较复杂页面

没有代码高亮和自动补全

开发环境

• 记事本 + 浏览器记事本编辑并保存后，可以直接刷新浏览器查看修改后的效果

开发环境

• Eclipse

优点：开源，可以自由扩展

大量的辅助插件

适合搭建各类开发平台

缺点：需要 JRE 支持

配置较复杂（目前已有 JS 版）

下载配置后的版本：

http://code.google.com/p/easyclipse/downloads/detail?name=easy-eclipse-js-3.7.2.rar&can=2&q=#makechanges

开发环境

• Eclipse

直接建立静态 Web 项目

界面中有内嵌浏览器可以直接看到效果

开发环境

• EmEditor

优点：相当于 notepad 的加强版 支持语法高亮和即时浏览

缺点：非开源

下载配置后的版本：

http://code.google.com/p/easyclipse/downloads/detail?name=EmEditor-for-Web-Developer.rar&can=2&q=#makechanges

开发环境

• EmEditor

遇到 HTML 文件自动开启Web 预览

JSLint 扩展

开发环境

• JSLint 插件JSLint 是一个 JavaScript验证工具（非开源），可以扫描 JavaScript 源代码来查找问题。如果 JSLint发现一 个问题， JSLint 就会显示描述这个问题的消息，并指出错误在源代码中的大致位置。

JSLint 可用于包括Editplus 、 EmEditor 等编辑器。

官方网站 http://www.jslint.com/lint.html

小试牛刀

• 配置自己的 Web 开发插件：

选择自己喜欢的开放式编辑器，为其添加HTML 、 javascript 、 CSS 的语法高亮，增加Web 浏览功能。

• gVim

• Editplus

• Emacs for Windows

配置好的 gVim