Web设计 2 工欲善其事(开发web项目工具的选择)
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 837 views

 

Statistics

Views

Total Views
837
Views on SlideShare
837
Embed Views
0

Actions

Likes
1
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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
  • 开发环境 直接建立静态 Web 项目• Eclipse 界面中有内嵌浏览器可以 直接看到效果
  • 开发环境• EmEditor 优点:相当于 notepad 的加强版 支持语法高亮和即时浏览 缺点:非开源下载配置后的版本:http://code.google.com/p/easyclipse/downloads/detail?name=EmEditor-for-Web- Developer.rar&can=2&q=#makechanges
  • 开发环境 JSLint 扩展• EmEditor 遇到 HTML 文 件自动开启 Web 预览
  • 开发环境• 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