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

我第一次开发跨平台小程序的时候，主要都是通读 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个平台的调试，风扇都安静下来了。