主题：[转帖]关于Sublime 与Hbuilder

大刘同学 2017-11-23 10:43:59  

关于Sublime 与Hbuilder

Sublime 插件强大丰富而且好用。hbuilder插件少点且也不够好用，Eclipse的插件也不够好用，例如格式化，或者一些自定义的编码习惯上，有一定的门槛。

初学前端，推荐sublime，因为初学的时候，也不会太大的项目，用sublime基本能管理好，一个小项目。sublime轻巧。到了项目文件多的时候，你就会发现文本编辑器和IDE最大的区别。例如hbuilder的跳转（例如alt+点击 class/变量/路径），这些远远比sublime等文本编辑器好用。在错综复杂的项目里面跳转。而且hbuilder有emmet插件，超强的js，html语法提示已经略胜sublime了。所以不要去纠结用什么工具。工具只是提升你的效率。当sublime能够满足你的效率的时候，你就用sublime，当你发现sublime用起来，感觉不够高效率的时候，转向IDE吧，hbuilder是个非常不错的选择。

关于这2个工具，其实是完全不同的2个类别。sublime是跨语言的增强型文本编辑器；HBuilder是专注于HTML、js、css的IDE。就是说HBuilder是有HTML、js、css的语法解析引擎的，它认识你写的代码，知道该提示什么、知道转到定义去哪里，你写的每个变量、每个函数都会动态计算类型和返回值，这个是很有难度的事情，全世界js的AST语法树处理最好的3个工具就是HBuilder、VS、webstorm。而sublime是文本编辑器，它并不认识你var的变量是一个div的element还是什么其他东西，它只是混沌的提示你写过的词。如果说纯前端开发，还是HBuilder好用。开发速度、出错概率都好于sublime。如果说开发其他语言，比如py、ruby、或者也算前端范畴但HBuilder还未提供对应语法引擎的比如coffescript、dart这些语言，由于HBuilder并没有内置对这些语言的AST语法引擎，所以开发起来不如其他专业工具方便。

除了语法解析引擎，两个产品还有其他区别：

1. 启动速度和内存占用是sublime占优。当然你机子不要太差问题也不大。启动虽然慢几秒，但之后一天开发下来节省的可不是几秒，怎么也得有半小时。

2. sublime的黑色主题看起来比较酷，虽然HBuilder也有夜间模式，但主推的是绿柔主题，它的主张不是看起来酷，而是环保，盯着这样的屏幕一天下来，对眼睛、对脑疲劳程度都更好。在官网首页绿柔主题介绍里有详细说明，是经过专业医疗机构测试的。

3. 如果是基于开发手机App，那肯定是用HBuilder了。开发便利性、语法提示、调试、打包部署都非常方便。

4. 两个工具各有一些特色功能，比如sublime的代码地图、列分割线、热退出；而HBuilder也有边改边看、大纲等特色

5. HBuilder还内置了最全的语法浏览器兼容库，每个语法在哪个浏览器的哪个版本可用，这个数据是全世界最全的。其实本质也是我们对HTML5的理解深度、专业程度是远胜于sublime其他工具的设计师的。其实工具的作用并不完全重叠，也不算是非此即彼的关系，起码都应该留在你的电脑里。

我个人的开发主力工具是HBuilder，但偶发也会打开sublime的。有些人有种观点，叫不用工具手敲代码才叫牛。我觉得他其实就应该干脆直接用记事本，因为sublime也是有模糊提示的列表的，他们应该一点语法提示都不用！初期其实不需要ide，就几个HTML标签，真的就是用记事本写。但后来js起来了，那就开始记不住语法了。

发展到现在，我们已经无需记忆语法了，因为HTML5总共有7w个api，没有背的必要。并且语法和工程复杂到一定程度，就需要专业IDE了。就像写java会用eclipse、写.net会用vs、写objectiveC用xcode，没听说这些复杂的高级语言还用sublime这类文本编辑器编程。目前的HTML5，已经复杂到了这个地步了，很多沿袭老的习惯或观点的人应该换下脑子了。

另外注意HBuilder可不是入门工具，它的定位是极客工具。我们在这个方面的追求很偏执，设计了非常多提高编程效率的方式。在HBuilder里内置的hello HBuilder里的lesson1，如果熟练掌握HBuilder，几分钟就写完了，如果使用sublime，至少比HBuilder慢十倍！真正的高手或极客，怎么会不在乎这种效率的差距呢？如果他真的不在乎效率，你也不必尊敬他，抓紧时间超越他就好了。