[前端]前端编辑器大推荐 你选什么样的编辑器？

• 提到前端编辑器，很多人不禁蹦出一句
• “什么？前端还需要编辑器？那不是有记事本就行吗？”
• 开个玩笑，随着前端模块化、工程化的进程需要，前端编辑器的地位也是显得越来越重要
• 那么究竟应该选择哪一款编辑器作为自己手上的工具呢？

罗列

本文并未列举全部编辑器，只是将目前主流编辑器做展示

• WebStorm
• VsCode
• HBuilderX(HBuilder)
• Sublime Text 3

WebStorm

• 当之无愧的前端IDE之王，也是一个当之无愧能被称之为IDE的前端编辑器
• 智能程度令人发指，搜索引用、安全删除、自动修改前后标签、自动显示被遮盖的标签组合等等，无论是整体功能，还是所到细节之处，都能给人以享受
• Vue Angular React三大框架项目通吃，不挑食
• 缺点也是有的，首先并不免费，所以很多企业并不提供；其次，软件集成度太高，复杂度也比较高，运行效率比较低，对待电脑配置要求相对比较高
  
  

如果你有庞大的项目需要管理开发，那么选他不会错了

---

VsCode

• 可能是用户量最大的编辑器？不敢保证，但是真的多
• 基础功能很少，就像一个毛坯房，但是插件扩展很多，将扩展装好，也能媲美比较智能的IDE的效果；软件免费，很多公司也在用，不仅仅在前端
• 界面比较漂亮简洁，软件轻量，作用广泛
• 缺点就是毛坯房需要你自己来装修，至于买来的材料好坏质量如何，就要看造化了；它的原生智能程度实在太低了
  
  

如果你很喜欢做练习，很喜欢折腾，那么选择Vscode不会错

---

HBuilder X

• 这是一款国产软件，针对国人有很多优化，同样轻巧，同样免费，前端利器
• 这里不提HBuilder不带X版本，是因为其主题太丑了，不符合程序员颜控的特点
• 对待Vue支持尤其友好（在vue代码中回车都能自动生成逗号），对markdown的支持也很好，支持内置浏览器，实时预览，在微信小程序以及uniapp系列产品的开发中有着几乎不可替代的地位。
• 缺点 对待其他几个框架的支持不理想，有些人不太认可此软件（原因不明，可能是之前培训机构用的多，觉得用HBuilder的人都是菜鸡），插件支持不是很多，竟然没有语法报错
  
  

做小程序？做uni-app？写Vue？选它没毛病

---

Sublime Text 3

• 前端曾经的小金刚，毫无疑问是最轻量的选手。
• 最初的培训机构，其实都在用这款软件，原本它像vscode一样，靠着强大的插件支持来撑起一片天，但随着前端工程化与项目的逐渐庞大，这样的轻量级编辑器已经越来越难以占据市场份额了
• 缺点 不适合做项目 更适合写一些简单的页面代码
• 

虽然年事已高，但做做小练习，打开速度还是能起飞的，特别是一些琐碎的小东西不值得用IDE去打开的时候

---

总结

• 没有最好的编辑器，只有最适合自己的
• 没有最合适的，就选择2-3款，一起用，彼此感受优劣
• 其实我是4款一起用的