最好用的 JavaScript IDE 或编辑器是哪个

JavaScript024

最好用的 JavaScript IDE 或编辑器是哪个,第1张

IDE:

1,visual studio——宇宙最强IDE。用熟之后,懵然发现,其实宇宙中只有一个IDE,其它的所谓IDE,原来都只是加强型的文本编辑器。

2,webstrom——JB公司出品,必属精品,一人之下,万人之上。

3,HBuilder——国货精品,专注H5,全中文,很给力。

文本编辑器:

1,VS CODE——visual studio的阉割版。。虽然直接阉成了文本编辑器。但更加轻量,依然宇宙最强。

2,sublime——曾经的王者,在VS CODE出现之前,公认最好的文本编辑器,没有之一。

3,Brackets——ADOBE出品,专注WEB,界面美观,配色华丽。

4,Notepad++——虽一度被sublime吊打,但小巧,简单,依然有其亮点

如果楼主只是写JS,不做后端的话,其实用个文本编辑器就足够了。。VS CODE和sublime都不错。。用IDE写JS有些杀鸡用牛刀的感觉。IDE通常用来做一些C#,C++,JAVA之类的大型项目,才能发挥出优势。。

目前前端使用率最高的就是sublime 和 webstorm了,当然了还有visual ,DW, 等等。下面仅介绍一些sublime和webstorm。1.Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。2.WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。功能编辑JavaScript· 基于DOM,特定浏览器完成· 编码导航和用法查询· 支持ECMAScript· 支持CoffeeScript· 支持结点· JavaScript重构· JavaScript单元测试· 代码检测和快速修复· JSLint/JSHint· 基于 Mozilla的JavaScript调试器其他用途· 批量代码分析· 编码语言混合或内混· 拼写检查器· 重复代码检测器编辑语言· 支持HTML5· css/js· 检验和快速修复· Zen编码· 显示内容· 显示应用的风格便捷的环境· HTML5样本文件和其他Web应用程序模板· FTP和远程文件同步· 集成了版本控制系统· 本地记录优势功能编辑智能的代码补全支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。代码格式化代码不仅可以格式化,而且所有规则都可以自己来定义html提示大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。联想查询只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义;可以全代码导航和用法查询 (8张) 项目查找函数或者变量,还可以查找使用并高亮。代码重构这个操作有些像Resharper,熟悉Resharper的用户应该上手很快,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。代码检查和快速修复可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。代码调试支持代码调试,界面和IDEA相似,非常方便。代码结构浏览可以快速浏览和定位代码折叠功能虽小,不过胜在方便高效包裹或者去掉外围代码自动提示包裹或者去掉外围代码,一键搞定

今天参加一个讲座的时候,讲师推荐了一个很好用的JSIDE。我下载试用了一下,发现确实不错。现在向大家推荐一名下。

名称:APTANA

官方网站:http://www.aptana.com下载地址http://www.aptana.com/studio/download

特性:

Aptana中的智能提示称为 Code Assist,相当于VS中的Intellisense。

看到后面的浏览器图标了吗?那是浏览器兼容性的提示。如果你是一个JS老鸟你应该知道那对开发者来说有多重要。

不仅仅是javascript,智能提示的范围还包括DOM 1,2 for HTML:

CSS:

看到后面的黄框框了吗?那是VS里称为Quick Info的东西。

错误提示 -- 一个都不能少:

Doument outline(文档结构)CSS、HTML、JS统一显示:

代码折叠、项目管理这些小菜不用讲了,都支持。Aptana还有很丰富的在线文档,是以wiki形式不断更新的,当然在连线 的情况下你可以在Aptana中直接访问这些文档。

怎么样,这个工具是不是很好很强大啊?有了这个工具,以后编写js代码的时候就方便多了。