用了HBuilderX近一年，最后还是选择了VSCode_vscode和hbuilderx哪个好-程序员宅基地

技术标签：点滴DayUP UNI-APP VSCode HbuilderX HX还是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，强大的插件市场几乎可以满足你的所有需求。

本文链接：https://blog.csdn.net/weixin_44670973/article/details/106442548

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

python服务器端开发面试_【网易游戏Python面试】python 服务端开发-看准网-程序员宅基地

文章浏览阅读145次。10.21终面已参加，希望能顺利通过终面拿到offer～一共三轮，电话面试＋笔试＋视频面试，视频面试3V110月19日投的新媒体运营的简历，HR说因为是周末，等工作日再联系我，在周一下午三点我接到了电话成功通过简历筛选和电话面试，整个电话面试的过程长，大概10分钟左右，因为前期稍微做了一些准备，所以还算对答如流，整个过程顺利，HR现场告诉我通过面试，并随即给我发了笔试题，让我准备一下，最晚三天之..._网易 python游戏服务器

MVC层次划分简述_mvc分层-程序员宅基地

文章浏览阅读6.5k次，点赞12次，收藏38次。MVC层次划分简述写在前面的一段话：首先要知道MVC和三层架构之间有什么关系：MVC：【 Model(数据模型) - View(视图) - Controller(控制器) 】三层架构：【 Presentation tier(展现层) - Application tier(应用层)+Date tier(数据访问层) 】很多人都有一个误解，认为Spring MVC的M、V、C对..._mvc分层

Flink的sink实战之三：cassandra3_flink cassandra-程序员宅基地

文章浏览阅读2.9k次。实践flink数据集sink到cassandra3_flink cassandra

使用docker安装codimd，搭建你自己的在线协作markdown编辑器_群晖 docker 搭建 codimd-程序员宅基地

文章浏览阅读7.1k次，点赞4次，收藏12次。文章目录一、前言二、codimd是什么？2.1 源于hackmd的超好用markdown编辑器2.2 codimd的作用三、安装和使用3.1 安装前需要知道的3.2 安装步骤3.2.1 创建数据库3.2.2 安装git3.2.3 安装docker3.2.4 安装docker compose3.2.5 安装codimd3.2.6 检查是否安装成功3.2.7 放行端口3.2.8 测试使用3.3 开始写..._群晖 docker 搭建 codimd

Json和ajax-程序员宅基地

文章浏览阅读335次。Json json 可以定义多种类型 var jsonObj = { "key1":123, "key2":"name", "key3":[12,"age",true], //数组 "key4":false, "key5":{ //存一个json对象 "key6":456, "key7":"number" }} json其实就是一个Object对象，他的key值可以看成对象的一个属性，获取他的value值...

ssm超市账单管理系统a2e96【独家源码】应对计算机毕业设计困难的解决方案-程序员宅基地

文章浏览阅读87次。选题背景：超市账单管理系统是一种针对超市行业的管理工具，旨在提供高效、准确、便捷的账单管理服务。随着城市化进程的加快和人们生活水平的提高，超市作为日常生活必需品的主要供应渠道之一，扮演着重要的角色。然而，传统的超市账单管理方式存在一些问题，如手工记录容易出错、数据整理繁琐、信息不透明等。因此，开发一个科技化的超市账单管理系统成为了必要之举。选题意义：首先，超市账单管理系统的开发可以提高账单管理的效率。传统的超市账单管理方式通常需要员工手动记录商品销售信息，并进行数据整理和汇总。这种方式容易出现人为错

随便推点

bookmarks_2021_9_28_拾度智能科技 att7022eu-程序员宅基地

文章浏览阅读1.7k次。书签栏通讯 s7-1200与s7-200smart通讯-工业支持中心-西门子中国IO_deviceS7-1200PROFINET通信ET 200SP 安装视频 - ID: 95886218 - Industry Support Siemens云平台接入在线文档 - 低代码开发嵌入式设备 | 物一世 WareExpress在linux下使用c语言实现MQTT通信(一.MQTT原理介绍及流程图)_qq_44041062的博客-程序员宅基地C mqtt_百度搜索开发快M_拾度智能科技 att7022eu