uni-app之HelloWorld实现

锋哥原创的uni-app视频教程：

2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中..._哔哩哔哩_bilibili2023版uniapp从入门到上天视频教程(Java后端无废话版)，火爆更新中...共计23条视频，包括：第1讲 uni-app简介、第2讲 uni-app环境搭建、第3讲 uni-app之HelloWorld实现等，UP主更多精彩视频，请关注UP账号。https://www.bilibili.com/video/BV1eG411N71c/打开HBuilderX，目录 文件 -> 新建

输入项目名称，以及项目目录，勾选Vue3版本，我们刚开始学习，选择默认模版，然后点击"创建"按钮

启动项目，运行到浏览器谷歌：

菜单目录 运行 -> 运行到浏览器 -> Chrome

HBuilderX进行编译发布

自动打开谷歌浏览器，显示页面效果：

启动项目，运行到微信小程序工具：

菜单目录 运行 -> 运行到小程序模拟器 -> 微信开发者工具

注意：

1，如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。

2，微信小程序开发工具，设置->安全设置 开启服务端口

成功运行。