1、编辑器: sublime, webstorm, atom, vim等。
2、调试工具: 浏览器自带的devtools,移动端页面远程调试等。
3、构建工具: gulp, grunt, webpack。
4、包管理工具: bower。
5、远程服务器工具: filezilla/shell。
工具主要作用就是帮工程师减少工作量,自动化处理,如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库。
想要了解更多有关web前端的相关信息,推荐咨询千锋教育。千锋教育成立教研学科中心,推出贴近企业需求的线下技能培训课程。课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训。采用全程面授高品质、高体验培养模式,非常值得选择。
JavaScript自推出后就大受开发者的青睐,基于JavaScript的开发工具(这里包含大量的JS开发资源,包括前端、框架、通用类等)不计其数,开发者们可以灵活选择,轻松构建应用。本文分享十款JavaScript开发工具1. Kreate
这款工具有助于对 jQuery对象快速生成DOM。你可以创建单个或多个元素。
2. Night Watch js
Nightwatchjs拥有一个简洁而强大的语法,能够允许你快速编写测试。它是专用于浏览器应用和网站的一款端到端的测试解决方案。
3. Gulpjs
Gulp是比较火的开源项目,配置更简洁、更直观,受到很多开发者的青睐。
4. Easy Starjs
Easystarjs是利用 JavaScript API编写的,常用语构建HTML5游戏。开发者可以将其与现有的JS框架搭配使用。
5. Headroom.js
Headroom.js 是一款轻量级、高性能的JS组件(无依赖性)。
6. Harpjs
Harp是一款快速的、轻量级的Web服务器。Harp serves Jade,Markdown,EJS,CoffeeScript, Sass, LESS以及Stylus as HTML、CSS &JavaScrip均可轻松配置。
7. Gantt Twproject
Twoproject是一款在线免费的JS开发工具,基于jquery创建而来,拥有强大迷人的特性,包括CSS皮肤样式、资源编辑等。
8. Mocha
Mocha是一款功能丰富的JavaScript测试框架,可基于node.js及浏览器运行,它使异步测试变得更为简单有趣,支持灵活且准确的输出,捕捉异常现象。
9. Responsive Nav
Responsive Nav是一款轻量级的插件,帮助你为小屏幕创建连接导航。支持为移动设备创建触摸交互设计以及CSS转换等特性。
10. File API