用了HBuilderX近一年，最后还是选择了VSCode

用了HBuilderX近一年，最后还是选择了VSCode

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

• 上手难度低、开箱即用
  与VS不同的是HX非常适合新人使用，上手即用，无需安装额外插件即可开发。
• uni-app最佳支持，代码编译打包一键操作
  如果你单纯是开发uni-app那么最佳的IDE必然是HX没差，HX提供了对uni-app的最佳支持。代码编译、打包、发布一键式操作。让开发人员专注与业务代码开发。
• 界面简洁，轻量化
  HX风格简约到目前为止一共只有三款主题（绿柔、雅蓝、酷黑） ，当然这也是HX被VS使用者诟病的地方，但是作为一款开发工具来说主题样式那种花里胡哨的功能并非重点，而且HX绿柔主题和酷黑主题我个人还蛮喜欢的，风格简约清晰。作为一款国产IDE风格也是非常符合国人的使用习惯了。
• 不断的更新升级，功能越来越强大
  HX更新频繁，不断推出新功能和新特性，的却偶尔会出现bug,毕竟还在起步阶段。但是官方定位和修复的速度和效率还是值得肯定的。在近几次的更新中官方已经开放了HX插件开发的相关API。估计在不久的将来一些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

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