关于前端的IDE，流行的无非也就那么几款，但若要问那款编辑器最好用，键盘侠们可能要闹翻了天。本人接触前端以来大概使用webstorm有3-4个月之久，当时webstorm好像名气比VSCode还要大，至于后来公司选择uni-app开发移动端应用，就转用Hbuilderx，毕竟是指定开发工具。直到最近开始上手VSCode,最终逃不过真香定律，果断舍弃HBuilderX转用VSCode

        关于HBuilderX和VSCode的对比（为了描述方便HBuilerX下文统一叫做HX，VSCode统一叫做VS）一众网友要么倒向HX，要么一致吹捧VS。很难看到对二者的客观评价。这种现象我想主要原因可能在于使用HX的人不熟悉VS，用VS的人没用过HX。         作为使用了HX近一年的用户来说，HX并没有网友吐槽的那么差，而且对vue的支持做的非常好，所以说如果单纯只是用来开发Vue项目，HX也是不错的选择。对于UNI-APP来说使用HX开发那就更方便了毕竟是自家的产品，语法提示，自定义代码块等可以说是非常方便。HX比较纯粹，可以这样讲HX是结合uni-app一起推出的产品，由于uni-app是基于vue开发，因此HX提供了Vue的语法提示和代码高亮，因此使用HX开发uni-app或者Vue体验还是相当不错的。相比于VS，HX有它自身的优点。

简单来讲，如果你是前端新手，并且开发vue或者uni-app，那么我建议你选择HX。这将大大提升你的开发体验和开发效率。不会因为一堆的配置或者打包问题而头疼。

        说到HX和VS之间最大的差别这必须是VS强大的插件库和其高度可定制的能力。如同chrome上的油猴插件可以运行各种脚本，在VS插件市场你可以好到任何你需要的插件（当然这建立在你有一定的认知和需求上，这也就是VS新手不太友好的原因，几乎什么都需要依靠插件，如果你是一个新手不得不说海量的插件将会使你头疼）。强大的插件生态，这是我最终选择VS的直接原因，相信大部分人都是被VS的插件吸引的。         HX虽然帮助开发者做了许多事情但却无法帮助开发者做的更多，但是VS强大的插件可以，比如我大加赞赏的todo-tree插件，通过在代码中添加关键字TODO、FIXME等便可生成直观的TODO结构，方便项目后期的维护和更迭，这对于前后端分离的开发模式来说简直不要太方便。关于todo-tree大家可以看下图，感受它的强大。         另外一点，就是VS高度可定制。这一点可以说是DIY玩家或者是喜欢花里胡哨的玩家的福音。VS运行你通过配置文件自定义开发环境的样式。下图是我自定义的开发环境样式，一股HX酷黑风格的感觉，没办法习惯了HX的酷黑风，所以使用HX的第一天就根据HX设置了VS的代码风格，离近点还能隐隐看到一张长城的背景图片（VS background插件）

VS的强大来源于插件，如果没有插件VS连代码高亮都没有😢

        其实这个问题没有绝对的标准答案，作为一个从HX转VS的用户来讲，如果你是一个前端新手，刚开始上手Vue或者是uni-app，那么我建议你选HX，强大的语法提示和傻瓜式的一键打包对于新手是非常有用的，但是如果你对vue或者uni-app用的比较熟练了那么我建议你试试VS，强大的插件市场几乎可以满足你的所有需求。