一，vscode
微软出厂的高颜值编辑器
vscode官网
1.加载大文件几乎秒开，运行速度很快
2.跨平台的文本编辑器，内置了对许多主流语言的支持
3.非常方便的管理插件，可以快速找到适合自己的前端插件
4.完全免费（非常推荐）
二，sublime text!
sublime text 是一个文本编辑器（收费软件，可以无限期试用，但是会有激活提示弹窗），同时也是一个先进的代码编辑器。sublime text是由程序员jon skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的vim。
sublime text!官网
是款比较主流的前端编辑器体积非常小，运行速度特别快非常强大的命令面板功能，可以模糊匹配命令html和散文先进的文本编辑器。sublime text 3漂亮的用户界面和强大的功能，例如：拼写检查，书签，完整的 python api ， goto 功能，即时项目切换，多选择，多窗口等等。同时支持windows、linux、mac os x等操作系统。。
三，webstrom
webstorm 是jetbrains公司旗下一款javascript 开发工具。已经被广大中国js开发者誉为“web前端开发神器”、“最强大的html5编辑器”、“最智能的javascript ide”等。与intellij idea同源，继承了intellij idea强大的js部分的功能。
webstrom官网
集成了许多强大的功能快速查找文件，快速搜索对js的开发全面支持，对主流行语言的支持集成了多版本版本控制工具
四，atom
atom中文网
github专门为程序员推出的一个跨平台文本编辑器支持css，html，javascript等网页编程语言自动完成分屏功能，集成了文件管理器。常用于web 开发
五，brackets
brackets是一款轻巧但功能强大的现代文本编辑器。brackets 非常适合前端人员使用，该编辑器可以实时预览效果，让你一边编辑一边查看输出效果，非常直观。
brackets官网
1.快速编辑
在你编辑html的css样式时不用再单独打开一个页签编辑css，可以直接编辑，避免页签之间的来回切换，提高了编辑效率
2.实时预览
brackets中内置了一个webserver，点击右上角闪电符号，brackets会启动内置服务器，并启动chrome浏览器打开工作目录下被选中的文件。
3.php支持
brackets中的内置lsp（ 语言服务器协议）支持为许多开发人员开放了对php，python等语言的支持。并启用诸如代码完成，诊断，跳转到定义等功能。
六，hbuilder
hbuilder是dcloud（数字天堂）推出的一款支持html5的web开发ide。hbuilder的编写用到了java、c、web和ruby。hbuilder本身主体是由java编写。它基于eclipse，所以顺其自然地兼容了eclipse的插件。
hbuilder官网
快，是hbuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升html、js、css的开发效率。秒开大文件提供比其他工具更优秀的vue支持大幅提升你的vue开发效率hx是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来。一流的ast语法分析能力语法提示精准、全面、细致，转到定义、重构完善
七，codepen
有时我们需要调试一些前端代码（无论是 html、css，还是 js），或者要制作一个 demo 分享给他人。这些都可以借助 codepen 这个网站来实现。
codepen官网
即时预览。我们甚至可以本地修改并即时预览别人的作品。支持多种主流预处理器。快速添加外部资源文件。只需在输入框里输入库名， codepen 就会从 cdnjs 上寻找匹配的 css 或 js 库。免费创建模板。支持创建三个模板，不是每个作品都需要从白板开始。优秀的外嵌体验。在 wordpress 或 reddit 等支持 oembed 的平台上，只要简单地把链接贴入编辑框，发布后会自动转为嵌入作品。
八，runjs
这是国内一个很赞的在线编辑器
runjs官网
runjs 是一个在线的 html、javascript、css 等 web 前端代码的编辑分享平台，拥有实时预览、高亮显示、代码格式化等功能，我们提供 oschina、微博、qq、github、google、yahoo、hotmail这七种登录方式，你只需要有七种任意一个帐号就可以点击右上角的登 录按钮来立即体验runjs。
以上就是几款好用的前端编辑器安利的详细内容，更多关于前端编辑器的资料请关注www.887551.com其它相关文章！
