1. Chapter 2
工欲善其事 ...
—— 开发 Web 项目工具的选择

2. 关于浏览器
推荐使用：（按推荐程度排序）
• Google Chrome
HTML5 、 WebGL 支持、即时调试
• Mozilla Firefox
众多的插件、较为标准
• Internet Explorer
用户群体众多

3. 关于浏览器
Chrome 在“审查元素”中做出的修改
会即时更新到页面上

4. 关于浏览器
不推荐使用：
• IE 内核的非 IE 浏览器
不规范或使用旧的内核
（ 360 、搜狗、腾讯 TT 等）
• Opera
兼容性不够好，有自己的表现标准
（只是不适合用于开发）

5. 开发环境
• 记事本 + 浏览器
优点：简单方便
缺点：不适合编写较复杂页面
没有代码高亮和自动补全

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

7. 开发环境
• Eclipse
优点：开源，可以自由扩展
大量的辅助插件
适合搭建各类开发平台
缺点：需要 JRE 支持
配置较复杂（目前已有 JS 版）
下载配置后的版本：
http://code.google.com/p/easyclipse/downloads/detail?name=easy-eclipse-js-3.7.2.rar&can=2&q=#makechanges

8. 开发环境 直接建立静态 Web 项目
• Eclipse
界面中有内嵌浏览器可以
直接看到效果

9. 开发环境
• EmEditor
优点：相当于 notepad 的加强版
支持语法高亮和即时浏览
缺点：非开源
下载配置后的版本：
http://code.google.com/p/easyclipse/downloads/detail?name=EmEditor-for-Web-
Developer.rar&can=2&q=#makechanges

10. 开发环境
JSLint 扩展
• EmEditor
遇到 HTML 文
件自动开启
Web 预览

11. 开发环境
• JSLint 插件
JSLint 是一个 JavaScript
验证工具（非开源），可
以扫描 JavaScript 源代码
来查找问题。如果 JSLint
发现一 个问题， JSLint 就
会显示描述这个问题的消息
，并指出错误在源代码中的
大致位置。
JSLint 可用于包括
Editplus 、 EmEditor 等编
辑器。
官方网站 http://www.jslint.com/lint.html

12. 小试牛刀
• 配置自己的 Web 开发插件：
选择自己喜欢的开放式编辑器，为其添加
HTML 、 javascript 、 CSS 的语法高亮，增加
Web 浏览功能。
• gVim
• Editplus
• Emacs for Windows

13. 配置好的 gVim