如今的JavaScript无处不在，非常流行，这一点无可否认，因其灵活性，基本上每一个应用程序都在以某种方式使用它。任何想要学习前端的小伙伴们都需要学习JavaScript，以及不断更新的新的框架，库和工具，不仅是JavaScript，每一个语言都是不断发展、更新的。

像其他编程语言一样，JavaScript对编辑器或IDE没有特定的要求，但自然是越优秀越好。如果你是一名JavaScript开发人员，会如何选择呢？

sublime text

Sublime Text 是一个文本编辑器（收费软件，可以无限期试用，但是会有激活提示弹窗），同时也是一个先进的代码编辑器。

Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

它可以代码高亮、语法提示、自动补全，而且体积小安装快速，界面还有多种风格可选，还可以自定义安装各种插件。

特点优势

  • 深度整合GBK编码，可以完美支持GBK编码文件。
  • 去除自动检测升级提示。
  • 自动换行、保存功能。
  • 体积小，安装快。
  • 调整字体大小为11px以适合正常人使用习惯。
  • 变量和语法的高亮和自动生成。
  • 改变主题，界面有多种风格可选。
  • 使用指针进行多次编辑。
  • 可以自定义安装各种插件。

官网：https://www.sublimetext.com/

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

特点优势

  • 智能的代码补

全支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)

代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

  • 代码格式化

代码不仅可以格式化，而且所有规则都可以自己来定义

  • html提示

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

  • 联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮。

  • 代码重构

这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

  • 代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

  • 代码调试

支持代码调试，界面和IDEA相似，非常方便。

  • 代码结构浏览

可以快速浏览和定位

  • 代码折叠

功能虽小，不过胜在方便高效

  • 包裹或者去掉外围代码

自动提示包裹或者去掉外围代码，一键搞定

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

Atom Editor

Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面，并有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。

特点优势

  • 小清新界面让人耳目一新，颜控必备丰富的插件几乎能够满足所有 web 开发需求
  • git 原生支持简单的插件编写
  • 自定义界面
  • 拥有3500多个软件包管理系统；
  • 50多个开放模块；
  • 免费。

官网：https://atom.io/

Brackets

Brackets是由Adobe Systems开发并在GitHub上发布的开源前端开发工具。它可以免费使用。

它支持HTML，CSS，JavaScript三种通用语言，而且除了这三种语言之外，它还提供30多种语言版本，只要你用的是一般语言，就可以毫无问题地使用它。

另外通过安装在GitHub上的扩展功能，你还可以将其自定义为你更顺手的前端工具。

特点优势

  • 丰富的开箱即用功能；
  • 实时预览模式—可以实现编辑浏览器的实时预览；
  • 软件包管理系统；
  • 可与Adobe的产品协同工作
  • 可以在代码中展示已用过的图片和颜色；
  • 支持SCSS和LESS
  • 自动生成和语法高亮；
  • 代码分析器；
  • 免费。

官网：http://brackets.io/

Visual Studio Code

Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

“微软出品，无所不能”，拥有各种功能，语法高亮、自动补全、热键定制、代码检查与收集等等，你能想到的或是想不到的功能，全都有。

特点优势

  • 在语法、使用变量、模块、函数方面可以进行上下文语境的自动生成；
  • 调试断点、调用栈和交互式控制台；
  • 代码段和模板支持；
  • Git 整合；
  • 方便易用的界面；
  • 免费。

官网：https://code.visualstudio.com/

有兴趣的同学可以挨个试试，觉得哪个最喜欢最适合自己，就使用哪个。

 

转载文章和图片均来自公开网络，版权归作者本人所有。如有侵权，联系删除。