几款好用的前端开发编辑器推荐安利实用指南

平时做技术实践时，很多问题不是概念不会，而是细节没串起来。拿“几款好用的前端开发编辑器推荐安利”来说，它看着像小点，放到项目里常会牵出环境、配置、兼容性和维护成本。下面按实际采用顺序，把思路、关键写法和容易踩坑的地方讲清楚，便于大家直接对照操作。

一，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。

结合项目来看，以上就是几款好用的前端编辑器安利的详细内容，更多关于前端编辑器的资料请关注脚本之家其它相关文章！