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相似，非常方便。代码结构浏览可以快速浏览和定位代码折叠功能虽小，不过胜在方便高效包裹或者去掉外围代码自动提示包裹或者去掉外围代码，一键搞定又来了
https://www.draft-js-plugins.com/plugin/image
draft.js：不要使用redux来管理editorState
draft.js：让光标显示在最后面
draft.js：内容清空之后，光标的位置会错乱
draft.js：如何改变 draft.js 编辑框的高度
draft.js：getPlainText 对换行符的修改 (填坑篇)
draft.js：onChange改装，判断文字内容是否修改
draft.js--富文本编辑器框架的实践（一）
draft.js--富文本编辑器框架的实践（二）
原 1.Draftjs 学习笔记
原 2.Draftjs 学习笔记-Rich Styling
原 3.Draftjs 学习笔记-Entities
原 4.Draftjs 学习笔记-Decorators
原 5.Draftjs 学习笔记-自定义控件（多媒体）
原 6.Draftjs 学习笔记-聊聊自定义样式
原 7.Draftjs 学习笔记-StateToHtml
Draftjs中文翻译1 - 概观
Draftjs中文翻译2 - API Basics API基础
Draftjs中文翻译3 - Rich Styling丰富的造型
Draftjs中文翻译4- 实体
Draftjs中文翻译5 - v0.10 API迁移
Draft.js文档
使用 Draft.js 来构建一个现代化的编辑器
draft.js在知乎的实践
基于Draft.js自定义富文本编辑器
基于Draftjs实现的Electron富文本聊天输入框
基于Draftjs实现的Electron富文本聊天输入框(一) —— 群@功能
基于Draftjs实现的Electron富文本聊天输入框(二) —— 图文输入
基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji
基于Draftjs实现的Electron富文本聊天输入框(四) —— 自定义快捷键
基于Draftjs实现的Electron富文本聊天输入框(五) —— 问题总结与解决
完美解决问题！
还有下一个问题：光标位置错乱 待解决！！！
