javascript用什么开发工具

JavaScript015

javascript用什么开发工具,第1张

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

浏览器，比如chrome，它很强大，可以打断点单步调试，可以看html结构，可以调css样式，可以模拟伪类事件，可以模拟不同视口的设备。

编译器推荐Atom , Sublime text3 。

ps： 既然是新手 ，就先别用IDE，要自己去敲，多敲才能记住一些东西！

pps： 要记住一些快捷键，便于提高效率。

gulp / webpack + babel自动化工具，效率高！