网站首页 > 技术文章 正文
我第一次开发跨平台小程序的时候,主要都是通读 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个平台的调试,风扇都安静下来了。
猜你喜欢
- 2025-03-14 uni-cloud初步探索(uni-app入门)
- 2025-03-14 web前端学了有什么用?又该如何开始学习?web大神在线解答
- 2025-03-14 Vue开发环境搭建(vue开发环境配置)
- 2025-03-14 流行开发前线,热门移动开发UniApp 的优势有哪些?
- 2025-03-14 校园表白墙火了!推荐一款基于SpringBoot实现的校园表白墙系统
- 2025-03-14 小狐狸ChatGPT付费创作系统V2.4.7全开源版 (vue全开源端)
- 2025-03-14 Less教程及常用的操作(less如何使用)
- 2025-03-14 宝塔搭建实战php开源likeadmin通用管理移动端uniapp源码(四)
- 2025-03-14 2023年伊凡整理简单方法之为hbuilderx配置node环境可npm install
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)