优秀的编程知识分享平台

网站首页 > 技术文章 正文

跨平台小程序开发者工具,HBuilder X 还是 VS Code

nanyue 2025-03-14 19:29:15 技术文章 2 ℃

我第一次开发跨平台小程序的时候,主要都是通读 uni-app 官方文档之后,直接使用 HBuilder X 开发。

主要编译的时候感觉从编辑器面板上直接配置好 manifest.json 平台配置文件, 之后可以逐个点击面板按钮运行,可以热更各个平台的小程序。

HBuilder X 运行小程序

直觉上感觉这样会比较的顺畅。

而且 HBuilber X 也有挺多的功能的,比如快捷键 Ctrl + k 格式化,保存时自动格式化。但是HBuilder X 无法把多行的空行自动合并为一行。这一点 VS Code 可以智能点。

Visual Studio Code( 以下VS Code) 上运行对应平台小程序时,采用单个命令行的方式。我一般采用终端命令行直接运行。

npm run dev:%platformX% ( platform X 可以是平台标志 )

- mp-weixin

- mp-toutiao

- mp-baidu

- mp-kuaishou

- mp-alipay

- mp-lark

- mp-qq


终端命令行运行小程序

如果要发布,直接把 dev 替换成 builder

命令行编译小程序

促使我从 HBuilder X 转向 VS Code 的原因是,有几次我同时启动多平台运行下程序的时候,发现风扇电脑太响, 一查内存占用的时候,总是发现 hbuilder 关键词相关的进程多出来很多,而且占用内存直线飙升接近90%多。

吓得赶紧从面板上关闭 HBuilder X 编辑器工具。但是无论我使用 btm 还是 top 配合 ps 命令查看,发现 hbuilder 相关的进程还在后台运行着。

甚至有一次我记得我先从 HBuilder X 编辑器逐个运行一次7个主流平台的小程序。然后关闭 HBuilder X。

再重启 HBuilder X 编辑器,重新运行 7 个主流平台下程序。这时候会多出来14个 hbuilder 相关的后台进程。

还有就是 HBuilder X 写着代码,同时运行多个平台小程序时,没保存好代码就不间断出现会自动退出的Bug。

就是这几次情况之后,我转向 VS Code 了。至少每次想启动哪个平台就启动哪个平台,或者同时启动多个平台,每个平台运行一遍,生成相应的平台特定代码到 dev 和 build 目录就好。

从此同时开7个平台的调试,风扇都安静下来了。

Tags:

最近发表
标签列表