uni-app之HelloWorld实现

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

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

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

启动项目,运行到浏览器谷歌:

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

HBuilderX进行编译发布

自动打开谷歌浏览器,显示页面效果:

启动项目,运行到微信小程序工具:

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

注意

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

img

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

成功运行。

相关推荐

  1. Uni-App《》

    2023-12-25 07:26:01       51 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-25 07:26:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-25 07:26:01       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-25 07:26:01       82 阅读
  4. Python语言-面向对象

    2023-12-25 07:26:01       91 阅读

热门阅读

  1. 使用 Verdaccio 构建自己的私有 npm 仓库

    2023-12-25 07:26:01       51 阅读
  2. ps怎么扣圆

    2023-12-25 07:26:01       59 阅读
  3. DDOS攻击简介——什么是DDOS

    2023-12-25 07:26:01       46 阅读
  4. k8s的探针

    2023-12-25 07:26:01       56 阅读
  5. 深入理解.net运行时方法表

    2023-12-25 07:26:01       58 阅读
  6. Microsoft Edge使用方法和心得

    2023-12-25 07:26:01       59 阅读
  7. Microsoft Edge使用方法和心得

    2023-12-25 07:26:01       57 阅读
  8. 单例模式学习

    2023-12-25 07:26:01       48 阅读