uni-app 启动

国内开发小程序，使用 uni-app 的比较多。开发 uni-app 官方建议使用配套的 HBuilderX 编辑器。

HBuilderX 下载地址是：https://www.dcloud.io/hbuilderx.html

我下载的是 HBuilderX.4.36.2024112817.dmg，文件体积 64.7 MB。

安装完第一件事，设置编辑器字体。英文选择 Inconsolata，中文选择思源宋体（Source Han Serif SC）。

查看文本渲染效果，不知道为啥，感觉文本显示的样式很糟糕：

新建一个 uni-app 项目，点击【预览】按钮，编译窗口居然出现了广告，不错！

编写第一个 Vue 组件，使用 Vue 3 的语法，点击按钮增加计数器功能：

点击预览，可以成功运行：

选择【运行】/【运行到小程序模拟器】/【微信开发者工具】，

HBuilderX 终端报错，没有唤起微信开发者工具，咱也不知道为啥。

手动启动微信开发者工具，导入 uni-app 项目下的 /unpackage/dist/dev/mp-weixin 目录，可以正常运行项目。如果更新 HBuilderX 中的代码，会自动刷新到微信开发者工具。