Web设计 2 工欲善其事(开发web项目工具的选择)

941 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
941
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web设计 2 工欲善其事(开发web项目工具的选择)

  1. 1. Chapter 2 工欲善其事 ...—— 开发 Web 项目工具的选择
  2. 2. 关于浏览器推荐使用:(按推荐程度排序)• Google Chrome HTML5 、 WebGL 支持、即时调试• Mozilla Firefox 众多的插件、较为标准• Internet Explorer 用户群体众多
  3. 3. 关于浏览器 Chrome 在“审查元素”中做出的修改 会即时更新到页面上
  4. 4. 关于浏览器不推荐使用:• IE 内核的非 IE 浏览器 不规范或使用旧的内核 ( 360 、搜狗、腾讯 TT 等)• Opera 兼容性不够好,有自己的表现标准 (只是不适合用于开发)
  5. 5. 开发环境• 记事本 + 浏览器 优点:简单方便 缺点:不适合编写较复杂页面 没有代码高亮和自动补全
  6. 6. 开发环境• 记事本 + 浏览器 记事本编辑并保存后,可以直接 刷新浏览器查看修改后的效果
  7. 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. 8. 开发环境 直接建立静态 Web 项目• Eclipse 界面中有内嵌浏览器可以 直接看到效果
  9. 9. 开发环境• EmEditor 优点:相当于 notepad 的加强版 支持语法高亮和即时浏览 缺点:非开源下载配置后的版本:http://code.google.com/p/easyclipse/downloads/detail?name=EmEditor-for-Web- Developer.rar&can=2&q=#makechanges
  10. 10. 开发环境 JSLint 扩展• EmEditor 遇到 HTML 文 件自动开启 Web 预览
  11. 11. 开发环境• JSLint 插件 JSLint 是一个 JavaScript 验证工具(非开源),可 以扫描 JavaScript 源代码 来查找问题。如果 JSLint 发现一 个问题, JSLint 就 会显示描述这个问题的消息 ,并指出错误在源代码中的 大致位置。 JSLint 可用于包括 Editplus 、 EmEditor 等编 辑器。 官方网站 http://www.jslint.com/lint.html
  12. 12. 小试牛刀• 配置自己的 Web 开发插件: 选择自己喜欢的开放式编辑器,为其添加 HTML 、 javascript 、 CSS 的语法高亮,增加 Web 浏览功能。• gVim• Editplus• Emacs for Windows
  13. 13. 配置好的 gVim

×