三个好用前端编辑工具推荐+推荐原因（VSCode、WebStrom、HbuilderX 的推荐对比，不纠结 ！）

市面上编辑器挺多的，之前写过一期，一年了，更新一下。

先上结论：

如果 电脑配置差 || 颜狗，建议用VSCode。

如果 你认为你0基础还笨，建议用Hbuider培养兴趣。

否则 WebStorm 暂时是前端写代码的无二选择。

或者 “我全都要”。

以下是个人推荐原因，仅供参考。

 

VSCode

官网： https://code.visualstudio.com/

优点：

• 界面符合前端审美，用过的最好看的编辑器。
• 体积小，拓展性高。可以按需加载。

缺点：

• 编辑器相较于IDE的局限性，VSCode做到了90%，剩下10%被WebStorm做了。
• 不支持组件跳转。个人认为这个很影响效率。（欢迎打脸，想用回VSCode）
• SVN支持不够好。（0202年了，公司终于换Git了，两种管理软件，存在即合理，这里不讨论优劣）
• 创建项目比较反人类（不难，就是需要学）

 

WebStorm

官网：https://www.jetbrains.com/webstorm/

优点：

• 功能齐全，强大。
• 用户体验优化近乎完美。

缺点：

• 界面相较于VSCode略丑，无论我怎么调主题，都达不到VSCode的美观程度
• 付费软件，贵。（当然免费用的方法很多，但很多人难在这儿了）
• 比较吃电脑配置，也可能是我电脑配置垃圾。

 

HbuilderX

优点：

官网 https://www.dcloud.io/hbuilderx.html

• 小白最爱，对新手友好度真滴高，学习成本低
• 体积小，不吃配置
• 云打包手机App，真香。

缺点：

• 和VSCode一样，编辑器相较于IDE的局限性
• 个人感觉比VSCode丑