1. 从内存来对比
1.1 vscode占用内存
打开同一个项目,发现vscode占用内存比较多
1.2 HBuilder占用内存
1.3 HBuilderx占用内存
1.4 对比
从内存上来看,HBuilderX可能更优
2. 从项目来对比
2.1 函数声明
vscode能通过Ctrl+左键跳转到函数所在的文件,HBuilder和X只能通过Alt+左键访问本文件内的声明。
2.2 超链接
对于超链接(即a标签),vscode的预览明显更好,而HBuilder和X只能显示源码,甚至谷歌浏览器也不能体现超链接效果
2.3 跨文件查看函数声明
vscode的支持很好,比如你在这里文件里引进了另一个文件,并使用了其中的方法,按Ctrl+左键,你就能跳过去查看声明。
而hbuilder和x不行,你要先自己找到该文件,再搜索该方法。这样效率就慢了。
- 搜索
3.1 搜索速度
vscode明显要快其他两个很多。
3.2 搜索结果
Hbuilder的结果展开比较结构化,而vscode的还行。
3.3 对比
如果习惯了vscode的搜索的话,会发现非常好用,不会像其他两个有时不知道你究竟是想搜索本文件还是当前目录,还是当前项目?
- 总结
对于前端项目来说,HBuilderX无疑更轻便,但是如果想要更好的体验,在内存足够的情况下,VsCode是最好的选择。