CUF_meeting_knowledge_share
CUF_meeting_knowledge_share copied to clipboard
Published
20 hours ago •
hjzheng
hjzheng
2014-8-19 前端开发工具介绍
trafficstars
前端开发工具介绍 (工欲善其事必先利其器)
轻量级装备(手枪) Notepad ++ (参见北河的PPT)
- 官方地址: http://notepad-plus-plus.org/
- 使用方便，短小精悍。
- 上可修改各种程序文件，下可修改各种配置文件。
- 亦可临时处理文本数据。
- 最新版本已经集成插件管理器
- 优点
- 开源免费
- 配置简单
- 编码功能强大
- 小而快
- 缺点
- 仅支持windows
- 快捷键功能较弱
- 智能化程度低
- 推荐插件
- Emmet: emmt参考文档
- TextFX: 强大的文本转换工具
- Compare: 比较工具
- JSLint: JS校验
- Explorer: 文件浏览
- JSTool: JS压缩和格式化
- JSONViewer: 查看和格式化JSON数据
重量级装备(机枪) WebStorm (参见北河的PPT)
- 官方地址:http://www.jetbrains.com/webstorm/
- 为前端而生，仅仅支持html+js+css是不够的，nodejs，coffeescript,angular亦不在话下。
- 优点
- 跨平台
- 为前端设计
- N多默认配好的小功能
- 高质量插件支持
- 缺点
- 收费
- 重
- 配置项复杂
- 无中文支持
- 更多
贴身装备(砍刀) Chrome Dev tools
- 官方地址: http://www.google.cn/chrome/
- 优点
- 跨平台
- 免费
- 速度快
- 调试功能强大，支持实时编辑和workplace
- 缺点
- console不支持多行模式(firebug支持)
- 更多
前端Code分享和记录利器(匕首)
- 在学习前端知识时,时常需要记录和实践，这时候下面的实时展示code运行结果工具派上用场。
- jsfiddle 和 jsbin
- 优点
- 快速实践和记录知识
- 易于修改和分享
- 支持多种框架
- 缺点
- 无法离线工作
- 不易进行大型项目
