WebStorm
创新互联公司专注于企业营销型网站建设、网站重做改版、双柏网站定制设计、自适应品牌网站建设、H5页面制作、商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为双柏等各大城市提供网站开发制作服务。
优点：
1. 关键字提示
使用WebStorm开发时，它会自动提示JS变量，关键字，方法，函数或参数名，可帮助你快速输入，避免一些低级的输入错误。
2. 支持代码重构
做开发最头疼的就是维护结构混乱的代码，为了保证你的代码后期维护简单快捷，开发过程中就必须确保代码整洁，WebStorm 则会帮助你自动重构代码，如移动文件，内联变量提取等。
3. 集成Node.js
WebStorm 集成Node.js ,可以运行，编译，测试Node.js App。
4. 集成代码质量工具
集成了JSHint,JSLint，JSCS 等。
5. 保存本地历史记录
本地历史记录可以帮助你跟踪代码，获取修改的代码。
缺点：商用付费，偶尔性能较差，后台会创建.idea 文件，一个窗口中无法打开多个项目，非原生文件系统经常会出现很多问题
Atom
优点：
内置包管理功能
Atom内置包管理功能，是Atom最重要的功能特征
开源免费
Atom 在GitHub上是开源的，并且是免费的
内嵌Git 控件，Web技术
内嵌Web 技术如JS，HTML及CSS
缺点：效率低
Sublime Text
优点：快
Sublime Text 最显著的特点就是启动和使用的过程中一个感觉就是快
多行选择和编辑
多个光标和列选择支持同时选择多行编辑。非常酷炫的功能
支持多个操作系统
支持Windows,Linux,OSX.
插件种类非常丰富
低内存消耗
缺点：
没有调试器
缺少代码重构等功能
严格来讲Sublime Text 是文本编辑器，不能称之为IDE
Vim
有很多插件支持，有望成为成熟功能全面的IDE。
优点：功能非常强大，免费快并且轻量级；跨平台，稳定
缺点：上手难，界面风格老旧，70年代的风格，并不适合所有人
Visual Studio Code
VSCode 主要集中开发，重定义功能，内置Debug 和云应用。Code 是免费的且可用于多个平台如Linux,Mac OSX,以及Windows，内嵌Git控件。
缺点：加载时间慢
Brackets
Brackets 是开源的代码编辑器，前端工程师和Web设计人员比较适用，支持多平台，且不需要区分前后端。界面非常整洁，清新。启动非常快。项目之间切换也非常方便。
缺点：效率低，同一时间只能打开一个文件。功能不全，缺少静态内核分析功能，也缺少一些元素级别的文本编辑命令。
Codenvy
开发人员使用Codenvy可以修改，运行，编译云端代码。
能够提供自定义运行时环境，调试代码；能够将工作进度共享，且安装非常便捷。
Microsoft's Visual Studio
JavaScript Intellisense 的引入让VS提供非常有用的脚本提示和自动完成输入功能。界面友好清洁。
缺点只能用于Windows 平台
支持 JavaScript 的工具
1.SpreadJS 是一款企业级 JavaScript 电子表格控件，能将电子表格、数据可视化及计算功能集成在 JavaScript Web 应用程序中，创建计算器、动态交互式仪表盘和样式丰富的报表，可以流畅操作海量数据。
2.Wijmo Enterprise 是为企业应用程序开发而推出的一系列包含HTML5 和JavaScript 的开发控件集。无论应用程序是移动端、PC端、还是必须要支持IE6，Wijmo Enterprise 均能满足需求。
推荐Hbuider，个人感觉比eclipse和dreamweaver好用。。
特点：轻量，只有几M，就算全部插件安装也只有三百M。
测试方便：可以直接打包成app运行到安卓或苹果模拟器和真机里。
app配置简单，上手速度快。
全中文界面。
可以新建mui的相关项目并直接调试。
可以新建HTML5 plus项目并直接调试。
可以新建微信支付宝等各种小程序页面并直接调试。
反正就是强大，好用。。
HTML项目打包成app也很方便。
使用过程中无广告全程免费。
软件启动快，没有加载界面读取界面。双击图标顶多两秒，编码窗口就出来了。
软件响应快，速度快。
先看看VS2010自带的JavaScript编辑器界面。代码折叠木有，代码结构、函数导航木有，代码高亮木有。
接下来我们要去安装JavaScript的插件了，去哪找呢？在这里，VS菜单选择工具-》扩展管理器。
打开扩展管理器后，这时我们还未安装过任何插件，在右上角的搜索框录入需要查找的插件名称，执行搜索。
搜索到插件后，点击右侧的下载按钮。这时会弹出一个确认窗口，确认执行安装即可。
安装结束后，会提示需要重新启动VS2010，插件才会生效。如果只安装一个插件，那就直接重启，如果还要安装其他插件，就继续搜索。重复3,4两步。
高质量的网页设计需要直观和用户友好的界面，而且屏幕上的元素也起着非常重要的作用。
Web设计师不断地寻找优秀代码的集合，希望能提升工作效率。
但找到合适的工具库并不总是那么容易的。
网络上有太多的资源可以使用，而且也是免费的，因此江西电脑培训发现很难判断哪些资源比较好。
这就是精心搜索并编写这个最好的库列表的原因。
无论是希望创建一个视觉上吸引人和功能强大的布局，还是需要在表单和其他区域添加屏幕上的规则和验证，你都会喜欢这个集合。
这里列出的库是由具有丰富网页设计经验的专家创建的，这些库不仅是经验丰富的设计师的优秀工具，也是适用于初学者的好工具。
这个集合将会帮你节省很多时间，来看一看吧！0.Buefy适用于Vue.js项目的轻量级UI框架，使用流行的基于flexbox的CSS库Bulma构建。
它具有典型的WebAPP所需的全部组件，包括像模态框、吐司和通知这样的动态元素，使开发者可以快速添加任何用户界面到现有的Vue.js项目。
1.HR.js零依赖库，用于在DOM中以编程的方式高亮显示并替换字符串，HR.jsAPI的使用不能再简单了—只需使用CSS选择器来定位目标文本的父HTML元素，选择要突出显示的单词，设置背景颜色，然后就完成了！2.ReactVRReactVR是为VR应用而创建的框架，运行在Web浏览器中。
它将现代API（例如WebGL和WebVR）与React的声明能力结合起来，通过各种设备提供适用于消费者的体验。
3.Tippy.js轻量的纯JavaScript动态提示工具插件库。
它提供了大量的不同悬停效果和超过20个可定制的选项。
Tippy.js是超级轻量的，并且具有相当不错的浏览器兼容性，当不被支持时会自动回退到常规的title属性。
4.Barba.js没有依赖关系的JavaScript库，用于在单页面应用程序的视图之间创建平滑的过渡。
该逻辑是围绕PJAX（pushstateAJAX）构建的，它会检查所有有效的URL，阻止它们的正常行为，并通过XMLHttpRequest加载新页面。
Barba还会确保通过使用PushStateAPI，使得状态的更改可在页面的URL中正确反映出来。