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之类的大型项目，才能发挥出优势。。
给大家推荐8款最受程序员喜爱的代码编辑器
1、Atom
Atom是Github打造的一款开源代码编辑器，支持 macOS、Windows和Linux操作系统，支持Node.js所写的插件，并内置由Github提供的Git版本控制系统，也可被当作 IDE 使用。
Atom的特色在于它极其丰富的可定制性，以及赏心悦目的界面。特别是自带的代码缩略图和代码折叠功能，不管是用Python还是做前端都非常好用。
2、EMACS
EMACS的强大之处在于已经超出了编辑器的范畴，搞成了大的平台，很多开发人员在上面直接都以他为入口完成各种功能需求了。
主要有如下特性：上网浏览网页看视频,收发邮件，调试程序，玩游戏，计算器，；、文件比较，记日记，目录管理
3、Notepad++
Notepad++被称为是JAVA程序员的最爱，几乎可以替代记事本的最佳编辑器，很多强大的功能集于一身。可以在Windows操作系统下编辑，有完整的中文化接口支持多国语言编写的功能(UTF8技术)，支持自定义语言。该程序还支持自动完成某些编程语言的API子集。
4、Sublime Text
Sublime 是一种比Notepad++功能强大的多编辑器，现在很多前端开发人员都很喜欢，虽然代码不开源，里面需要拿到注册码才能使用，但是它几乎涵盖了notepad++的所有特性，界面美观功能全的编辑器。
主要有如下特性：
跨平台，几乎在各个操作系统上都能使用
查找和替换功能做得非常友善
不仅支持多种语言关键字的高亮提示，还能针对编程语言编译错误给提示
支持插件功能
能够支持多种布局方式
5、Brackets
Brackets是一款为Linux开发者设计的开源代码编辑器，使用Brackets写代码，你不会被任何事情所打断。比如在写HTML代码时，即便你没有保存代码也可以及时预览你的Web页面效果。你也可以使用Theseus来检查变量，Brackets默认提供一种主题，当然你也可以在扩展中心获取更多的主题。
6、Vim
Vim 是一款高度可定制的文本编辑器，可以用于包括编写代码在内的各种文本创建与编辑工作。
Vim 的特色在于，它可以仅仅通过键盘来在插入、执行命令、文本批量处理等模式之中切换。这就使得 Vim 可以不用进行菜单或者鼠标操作，并且最小化组合键的操作。对文字录入员或者程序员可以大大增强速度和效率。
7、Visual Studio Code
Visual Studio Code是目前最受欢迎的代码编辑器。Visual Studio Code是一个由微软公司发布的免费开源且跨平台的代码编辑器，刚一问世，它就以强大的功能、美观的界面、高度的可定制性，被誉为微软的良心之作。
Visual StudioCode 内置了代码调试、Git 版本控制、代码高亮、智能代码补完、代码片段管理、代码重构等丰富的功能。此外，VS Code 的用户个性配置选项也很丰富，能方便地修改主题颜色、键盘快捷方式等各种属性和参数，还在内置了扩展程序管理的功能。
8、Eclipse
Eclipse以一种友好的集成开发环境，为各种类型的用户，提供了一系列针对开发Web和Java应用的可用工具。虽然专注于Java，但是也支持其他各种编程语言，如C ++、JavaScript、PHP、C、Perl、Fortran、Ruby、Python，甚至是COBOL。它还包括了适用于各种语言、向导和内置应用程序以简化开发的源代码和图形编辑器，以及支持部署、运行和测试app的工具和API。
Eclipse提供的插件功能相当丰富，有助于更加简便地创建、集成和使用软件工具，节省时间和金钱。
AngularJS 是Web前端开发中的一个 JavaScript 框架，目前在前端中使用率也是非常高的，也是Web前端开发者以动态形式开发时最喜欢的框架之一。如果你是一个前端开发者希望基于AngularJS启动一个项目，你需要筛选众多的工具。为了减少用AngularJS开发的负担，下面源码时代Web前端培训小编为大家介绍20款最新的工具，主要涉及测试、前端开发、IDE编辑器、文本编辑器、优秀库、模块、扩展、代码生成器、网格工具等等。
1.Karma–是一个简单的javascript测试工具，它允许在多个真正的浏览器执行JavaScript代码..提供了完美的测试环境，允许你在真实的浏览器和设备比如手机和平板电脑上测试应用。
2.Protractor –是一款端对端的测试框架。这个Node.js项目建立在WebDriverJS之上。它在真实浏览器上运行测试，与其交互就如任何正常用户使用一样。
3. Jasmine –这款行为驱动测试框架不依赖于浏览器、DOM或者任何JavaScript框架，因此对于任何Node.项目或者任何JavaScript运行的地方都非常适合。
4. Djangular –这是一款可重用的应用，可以提供更好的AngularJS集成。有了此工具的帮助，你可以为每个应用创建 AngularJS内容。
5. Ment.io –这款工具引入了mention部件和宏控件，并不依赖于jQuery。你可以应用ment.io指令作用于任何元素，并且它允许可选择的文本输入。
6. Angular Kickstart –这款工具加速了AngularJS开发，并伴随可扩展的构建系统，简化了开发过程。
7. AngularFire –用此工具，你可以轻松创建 Angular 应用后台。灵活的API，3种数据绑定方式以及快速开发能力使得开发变得轻松。
8. Mocha.js –这是一款运行在node.js和浏览器上的功能丰富的测试框架。允许异步测试，能灵活准确的报告与映射。
9. SublimeText –对于开发者来说最好的一款文本代码编辑器，使得编写代码简单化。比起其他文本编辑器，许多开发者更喜欢用Sublime Text.
10. Restangular –这款工具简化了常见的GET, POST, DELETE, UPDATES请求，使用更简短的代码。对于任何通过 RESTful API 进行数据操作的 Web 应用都是理想化的工具。
11. Generator Angular –这款工具可以帮助你快速的设置项目的默认结构。它能输出让你快速开始app开发的模板。
12. NG-Inspector –这是一个Chrome 和Safari 浏览器扩展，安装成功后会出现先审查面板中，帮助你开发、调试和深入理解 AngularJS 应用。它使得更容易标识和显示Controllers 和Directives中的scope。
13. Angular Seed –这个一个典型的AngularJS web app开发框架，它可以让你在开发环境快速启动angular app。
14. Code Orchestra –这是一个前端开发工具，它允许你所见即所得方式开发代码。一旦你保存修改了的代码，它使用一个特殊的协议自动的显示出来。
15. Videogular –这是一个针对AngularJS的基于HTML5的视频播放库，它使得在你的app中使用视频或其他多媒体更容易。
16. Webstorm –它是一个智能的代码编辑器，支持JavaScript, Node.js, HTML和CSS等等以及它们对应下一代的继任者。它能工作在所有的先进技术下，对大部分开发者来说，使用它是一个很好的选择。
17. Angular GetText –这是超级简单的翻译工具，你只需输入英文文本，标记它需要翻译，它就会翻译。
18. Angular Deckgrid –这是一个轻量级的表格，它没有自己的展现样式，完全依赖于你定义在CSS中的样式。
19. Angularjs UI –这是一个UI组件集合库，它有很多有用的指令来帮你快速的开发Angular应用。它使用指令来代替组件，如：ui-router, ui-map, and ui-calendar。
20. Mean –它是一个使用MongoDB, Node.js, Express和AngularJS apps的简单而完美的模板。它捆绑和配置了一些模块，如： Mongoose 、Passport。
21. Wijmo –这是新一代HTML5/ JavaScript UI控件。大而全面的前端开发工具包，全面支持Angular 2。
22. VS Code(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。几乎完美的编辑器。
源码时代：http://www.itsource.cn
