烦恼于本地demo管理不便,于是初步体验了几款在线代码编辑器:dabblet ,jsfiddle,runjs,codepen,jsbin。
特点总结:云储存,环境齐全,社区分享好伙伴
特点:
1. css功能强大,编辑器外观和切换效果本身就给使用者直观舒适的感觉,
上方工具栏左二可设置区域布局,字体大小等。
2. HTML/CSS编码区右上check按钮自动跳转至validator进行验证
缺点:
1.不支持emmet输入;2.错误显示不明确;3.对环境支持差。
总结:适合CSS调试
特点:
1.支持emmet输入2.TidyUp代码整理,一键解决混乱代码
3.JSHint JS验证4.提供Ajax echo API(貌似Frameworks & Extensions需调至mootools)
5.JS框架齐全
缺点:不支持全屏预览,功能跟倾向于JS
总结:适合HTML,JS在线调试
jsbin:
特点:1.界面简洁2.框架支持较jsfiddle齐全
3.语言支持超齐全(各编码区左上角可选择)可选择Markdown,Jade,Less,Sass,Coffee等等
4.可选择打包下载至本地5.可全屏预览
总结:强烈推荐
codepen:
特点:1.社区化,有很多不错的效果可以在http://codepen.io/上直接查看,支持编辑代码
2.语言支持Markdown,jade,Less,Sass,Coffee,(Haml,Slim)点击编码区语言旁设置按钮设置
3.个人觉得实时预览效果很不错,同时支持全屏预览(登录后才可使用,edit按钮下选择)
4.支持emmet
总结:强烈推荐
runjs:是的,中文的。使用CodeMirror构建
特点:1.非常强大的库支持
2.文件管理方便
3.中文社区,支持用户开发插件,提供插件API
4.提供Echo接口(帮助里可见相关说明)
另:还有更多在线编辑器http://www.open-open.com/news/view/1dc36fe