分享9个最好用的JavaScript开发工具和代码编辑器

Web设计和开发是现今越来越流行的职业方向之一。工欲善其事，必先利其器，如果你想在这个领域出类拔萃，那么你就必须具备一些优秀的技能，例如能操作不同的平台、IDE和其他各种各样的工具。

谈到平台和IDE，现在已经不是以前那个掌握一个IDE就能“一招鲜吃遍天”的时代了。激烈的竞争以及蔓延到现在的集成开发环境。基于IDE是用于创建和部署应用程序的强大客户端应用程序，下面我们要分享的就是对于很多网页设计师和开发人员而言，最好的JavaScript 开发工具。

若有不同见解，敬请不吝赐教。

1）Spket
Spket IDE是一款功能强大的工具包，支持JavaScript和XML开发。其强大的功能可用于JavaScript、XUL/XBL和Yahoo! Widgetd的编辑开发。 这款JavaScript编辑器提供了像代码完成、语法高亮和内容概要等功能，可帮助开发人员高效地创建JavaScript代码。

官方网站：http://spket.com/

2）Ixedit
IxEdit是一款面向网站的基于JavaScript的交互设计工具。IxEdit允许设计师练习DOM脚本而无需在网页上动态地改变、添加、移动或变换元素的代码。

官方网站：http://www.ixedit.com/

3）Komodo Edit
Komodo是一款免费的，功能强大的，支持Javascript和其他多种编程语言的代码编辑器。

官方网站：http://komodoide.com/komodo-edit/

4）EpicEditor
EpicEditor是一款可嵌入的JavaScript Markdown编辑器，具备了分体式全屏编辑、实时预览、自动保存草稿、离线支持等等功能。对于开发人员来说，它提供了一个强大的API，主题明确，并且允许你用任何内容置换出捆绑的Markdown解析器。

官方网站：http://oscargodson.github.io/EpicEditor/

5）codepress
CodePress是一款用JavaScript写成的基于web的源代码编辑器，并且在编辑框中编写源代码时，能够实时对语法进行着色加亮显示。

官方网站：http://codepress.sourceforge.net/

6）ACe
Ace是一款用JavaScript编写的可嵌入的代码编辑器。它配备了，如Sublime、Vim和TextMate等本地编辑器的功能和性能。它可以很容易地嵌入任何网页和JavaScript应用程序中。

官方网站：http://ace.c9.io/#nav=about

7）scripted
Scripted是一款快速又小巧的代码编辑器，最初就专注于JavaScript的编辑。Scripted也是一个基于浏览器的编辑器，并且编辑器本身就是从在本地运行的Node.js服务器实例上提供的服务。

官方网站：https://github.com/scripted-editor/scripted

8）Netbeans
这是另一个令人印象非常深刻的，非常好使的代码编辑器，支持Javascript等多种编程语言。

官方网站：https://netbeans.org/

9）Webstorm
这是最智能化的JavaScript IDE。WebStorm虽然小巧，但是功能非常强大，完全可以应付复杂的客户端开发和服务器端开发。

官方网站：http://www.jetbrains.com/webstorm/

译文链接：http://www.codeceo.com/article/9-javascript-ide-editor.html
英文原文：9 Best IDEs and Code Editors for JavaScript Users
翻译作者：码农网 – 小峰

赞 (0)

相关推荐

  • Js+Dhtml:WEB程序员简易开发工具包(预先体验版)

    复制代码 代码如下: <HTML> <HEAD> <META http-equiv='Content-Type' content='text/html;charset=gb2312'> <META name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005_开拓版'> <TITLE>LD5工具</TITLE> <style> *{font-size:12px;font-family:宋体}

  • JavaScript 开发工具webstrom使用指南

    JavaScript 开发工具webstrom使用指南

    看到网上一篇介绍webstrom的文章,觉得功能确实强大,也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件,(传说淘宝内部推荐写js用webstrom) 我们可以理解 IDE 就是集成了很多你想要的功能,或者你不想要的功能.换句话说就是装了很多插件的 editor ,所以到目前为止,我还觉得没必要给它装什么插件. 那么接下来开始介绍webstrom的特色功能: WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑

  • 我用的一些Node.js开发工具、开发包、框架等总结

    开发工具 1.WebStorm,毫无疑问非他莫属,跨平台,强大的代码提示,支持Nodejs调试,此外还支持vi编辑模式,这点我很喜欢. 2.做些小型项目用Sublime Text. 3.Browserify:将你的nodejs模块应用到浏览器中 4.nvm:nodejs版本管理工具,你可能会用到多个nodejs版本(如v0.11.x支持generator的nodejs和stable的v0.10.x版本),用它可以方便切换 测试&自动化 1.mocha:一个简单.灵活有趣的 JavaScript

  • 最全的JavaScript开发工具列表 总有一款适合你

    最全的JavaScript开发工具列表 总有一款适合你

    简介 2017年1月,Stack Overflow年度开发者调研一共访问了64000个程序员,发现Java已经连续5年成为最流行的编程语言. 构建 & 自动化 Webpack对Java应用依赖的所有模块进行静态分析,生成依赖图,然后将它们打包成数个静态文件. Grunt以将重复耗时的任务自动化.Grunt的生态系统非常大,有超过6010个插件. Gulp发布于Grunt之后,采用了完全不同的方式,使用Java函数定义任务.它有超过2770个插件,并且提供了更好的控制. Browserify使得开

  • 分享9个最好用的JavaScript开发工具和代码编辑器

    分享9个最好用的JavaScript开发工具和代码编辑器

    Web设计和开发是现今越来越流行的职业方向之一.工欲善其事,必先利其器,如果你想在这个领域出类拔萃,那么你就必须具备一些优秀的技能,例如能操作不同的平台.IDE和其他各种各样的工具. 谈到平台和IDE,现在已经不是以前那个掌握一个IDE就能"一招鲜吃遍天"的时代了.激烈的竞争以及蔓延到现在的集成开发环境.基于IDE是用于创建和部署应用程序的强大客户端应用程序,下面我们要分享的就是对于很多网页设计师和开发人员而言,最好的JavaScript 开发工具. 若有不同见解,敬请不吝赐教. 1)

  • 使用原生javascript开发计算器实例代码

    使用原生javascript开发计算器实例代码

    计算器的主要作用是进行数字运算,开发一个计算器功能的web实例,有助于更好的掌握js基础的数字运算能力. 本实例详细分析一个js计算器的开发步骤,学习本教程时最好先具备一些基础的js知识. 计算器包括显示数字区域和按键区域两大部分,先把计算器的这两个区域的html元素编写出来,如下所示: <div class="calculator_wrap" id="calculator"><!--计算器外包元素--> <div class=&quo

  • 再推荐十款免费的php开发工具

    再推荐十款免费的php开发工具

    下面介绍10个免费.强大的PHP编辑器/开发工具.这些编辑器拥有调试器.增量执行PHP脚本.查看每一行的所有变量值等功能. 1) Notepad ++ Notepad++是一款非常有特色的编辑器,是开源软件,可以免费使用.支持的语言: C, C++, Java , C#, XML, HTML, PHP, Javascript!  功能有: 1. Notepad内置支持多达 27 种语法高亮度显示(囊括各种常见的源代码.脚本,值得一提的是,完美支持.nfo 文件查看),也支持自定义语言: 2. N

  • 初学java常用开发工具介绍

    初学java常用开发工具介绍

    Java的应用越来越广泛,学习Java的人也越来越多.学过程序设计的人知道,使用Basic进行程序设计,可以使用QBasic.Visual Basic等开发工具:使用C语言进行程序设计,可以使用Turbo C.Visual C++.C++ Builder等开发工具.这些开发工具集成了编辑器和编译器,是集成开发工具,很方便使用.学习Java程序设计,同样需要方便易用的开发工具.Java的开发工具很多,而且各有优缺点,初学者往往不知道有哪些常用的开发工具,或者由于面临的选择比较多而产生困惑.本文对初

  • 分享经典的JavaScript开发技巧

    JavaScript开发经典技巧分享给大家: 1.首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量. 2.使用===取代== ==和!=操作符会在需要的情况下自动转换数据类型.但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快. [10] === 10    // is false [10]  == 10    // is true '10' == 10     // is true '10' ===

  • JavaScript开发规范要求(规范化代码)

    JavaScript开发规范要求(规范化代码)

    本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用"愉快"来形容了.现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用.当然,如果我说的有不科学的地方还希望各路前辈多多指教.下面分条目列出各种规范要求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能不会再提及. 1.保证代码压缩后不出错 对于大型的JavaScript项目,一般会在产品发布时对项目包含的所有JavaScript文件进行压缩处理,比如可以利

  • JavaScript 开发规范要求(图文并茂)

    JavaScript 开发规范要求(图文并茂)

    本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用"愉快"来形容了.现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用.当然,如果我说的有不科学的地方还希望各路前辈多多指教.下面分条目列出各种规范要求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能不会再提及. 1.保证代码压缩后不出错 对于大型的JavaScript项目,一般会在产品发布时对项目包含的所有JavaScript文件进行压缩处理,比如可以利

  • JavaScript开发人员的10个关键习惯小结

    随着新技术的不断发展,JavaScript已经不再仅仅只是一个网络语言.现在,我们能够看到很多使用JavaScript来构建基于本地浏览器的Web应用程序的手机,同时也有非常多的灵活的Web应用程序,如Trello.基于JavaScript打造的应用程序在世界上已经非常流行了. 目前,JavaScript仍然是一门比较容易使用和处理的编程语言,很多人把它当做要学习的第一门编程语言.作为一名JavaScript程序员,有几个关键的习惯是必须要养成的,它可以帮助你成为一名优秀的JavaScript开

随机推荐