hbuilder、hbuilderx和vscode对比

时间:2024-04-03 19:35:44

1. 从内存来对比

1.1 vscode占用内存

打开同一个项目,发现vscode占用内存比较多

hbuilder、hbuilderx和vscode对比

1.2 HBuilder占用内存

hbuilder、hbuilderx和vscode对比

1.3 HBuilderx占用内存

hbuilder、hbuilderx和vscode对比

1.4 对比

从内存上来看,HBuilderX可能更优

2. 从项目来对比

2.1 函数声明

vscode能通过Ctrl+左键跳转到函数所在的文件,HBuilder和X只能通过Alt+左键访问本文件内的声明。

2.2 超链接

对于超链接(即a标签),vscode的预览明显更好,而HBuilder和X只能显示源码,甚至谷歌浏览器也不能体现超链接效果

hbuilder、hbuilderx和vscode对比
hbuilder、hbuilderx和vscode对比

2.3 跨文件查看函数声明

vscode的支持很好,比如你在这里文件里引进了另一个文件,并使用了其中的方法,按Ctrl+左键,你就能跳过去查看声明。

而hbuilder和x不行,你要先自己找到该文件,再搜索该方法。这样效率就慢了。

3. 搜索

3.1 搜索速度

vscode明显要快其他两个很多。

3.2 搜索结果

Hbuilder的结果展开比较结构化,而vscode的还行。
hbuilder、hbuilderx和vscode对比
hbuilder、hbuilderx和vscode对比
hbuilder、hbuilderx和vscode对比

3.3 对比

如果习惯了vscode的搜索的话,会发现非常好用,不会像其他两个有时不知道你究竟是想搜索本文件还是当前目录,还是当前项目?

3. 总结

对于前端项目来说,HBuilderX无疑更轻便,但是如果想要更好的体验,在内存足够的情况下,VsCode是最好的选择。