甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
web前端开发常用又好用的几个软件有：
目前创新互联建站已为成百上千家的企业提供了网站建设、域名、网络空间、网站运营、企业网站设计、凭祥网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
1.Dreamweaver
Dreamweaver是非常老的前端开发工具了，功能强大还支持可视化开发，不需要懂代码就能制作出简单的前端页面，深受很多开发者的欢迎。但其缺点就是消耗的资源过大，软件启动和运行都会导致电脑运行变慢。
2.sublime text
sublime text是一款超级轻量级的开发工具，轻量级就代表它运行速度打开速度都超级快，并且还支持配置插件来构建不同的开发环境，还为开发者配置了很多的快捷键，使用习惯之后你就会离不开它。
3.Hbuilde
Hbuilder是近几年才开始火起来的前端开发工具，开发界面十分简洁，显示风格也很适宜，会让开发者有一种很舒服的感觉，同样也是轻量级的开发工具打开和运行速度都非常快。
4.Editplus
Editplus是一款超级好用的编辑器，它不仅仅支持前端语言开发，C语言、Java语言等等语言都可以使用Editplus开发，并且软件本身只有几M左右，十分小巧。缺点就是没有编程的提示功能，对初学者不是很友好。
想要了解更多有关web前端的相关信息，推荐咨询千锋教育。千锋教育成立教研学科中心，推出贴近企业需求的线下技能培训课程。采用全程面授高品质、高体验培养模式，学科大纲紧跟企业需求，拥有国内一体化教学管理及学员服务，在职业教育发展道路上不断探索前行。
目前前端使用率最高的就是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相似，非常方便。
代码结构浏览
可以快速浏览和定位
代码折叠
功能虽小，不过胜在方便高效
包裹或者去掉外围代码
自动提示包裹或者去掉外围代码，一键搞定
比较轻量级的： javascript editor
这个玩意比较小， 安装方便 ， 而且可以直接调试（自带浏览器），缺点是找破解版（不是破解无提示，或者提示经常会自动关闭）比较麻烦。
eclipse 也能叫一般般， 要加些插件才好用。 而且现在的eclipse也比较大了。
vs2010 个人感觉比较爽， 有js、jQuery以及html标签的智能提示, 还可以及时看到html的布局展现，缺点是比较大，不过你有心搞.net的话真不算什么，她带给你的便利会让你喜欢的。
dreamweaver 是做网页专用的， 用来搞js差了不是一点点。
notepad++ , editplus 等通用型的类似记事本的， 如果你追求最简单不要什么智能提示也行。
1、Notepad++
大部分开发人员都听说或使用过这个代码编辑器，记事本的增强版，免费开源、小巧灵活、使用方便，支持常见的自动补全、语法提示、代码高亮，可编辑语言多达27种，常见的html，css，javascript，java，python，c++等，都可直接编辑，是一款非常不错的代码编辑器。
2、EditPlus
这也是一款小巧灵活的代码编辑器，功能类似于Notepad++，拥有强大的文本处理功能，界面简洁美观，启动速度较快，支持常见的语法高亮、代码折叠等功能，还可直接编辑运行html网页，可扩展性也比较强，唯一的不足就是不支持代码提示功能，自动补全功能相对较弱，但总体来说，也是一个非常不错的代码编辑器。
3、VSCode
这是由微软开发研制的一款免费、开源、跨平台的代码编辑器，支持几乎所有主流语言开发，常见的语法高亮、智能补全、语法检查、括号匹配，这个软件都支持，除此之外，还支持git功能，插件扩展丰富，下载配置相关插件后，可直接调试、运行python，java，c++等程序，在业界是一个非常受欢迎的代码编辑器。
4、Atom
这个是由GitHub专门为广大程序员开发的一款免费、跨平台的代码编辑器，用于强大的文本编辑处理功能，常见的语法提示、代码高亮、智能补全，这个软件都能很好的支持，界面简洁、直观，还支持宏和文件管理器功能，对于初学者来说，是一个非常不错的选择。
5、Sublime Text
这也是一个非常不错的代码编辑器，小巧灵活、轻便快捷、界面友好，相信大部分开发人员都使用过，常见的代码高显亮、智能补全等功能，这个软件都能很好的支持，除此之外，插件扩展机制也相对丰富，配置相关文件后，可以直接调试运行python等程序，也是一个非常不错的代码编辑器。
eclipse、myeclipse、dreameaver等等都可以。只要是能创建js文件的一般都可以编写js程序，主要还是看是做什么用然后选择相应的软件
前端开发的编译器在选择上还是很多的。在学校里，老师主要讲三个前端开发软件：
1、WebStorm
帮助编写HTML、CSS、Less、Sass和Stylus代码，并且支持Node.js和主流框架，如React、Angular、 Vue.js、Meteor等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。
2、IntelliJ idea
idea是学校老师教得最多的一款软件，从学Java开始，除了eclipse和myeclipse之外，学校老师用的最广泛的Java编译器就是idea，而idea也能进行前端项目的开发，idea是我用得最熟的一个编译软件。像一个完整的前端网站，配置好jdk，tomcat，maven，数据库之后就可以在idea上进行搭建了。
3.Visual Studio Code
简称VScode，前端开发时期学习的第一款软件，当时学VScode的时候上的网课，老师用插件的时候一个没跟上，就跟不上了。总体感觉下来是插件库很丰富，而且内存占用不大，目前我身边用VScode的人是最多的。
下面是我在实习中接触到的前端开发工具：
notepad++
页面很简单，乍一看像是一个记事本，它也确实可以当记事本用。有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能。
2、HBuilderX
HBuilderX是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本，具有轻便、适合vue框架的特点。