当前位置： 首页 > article >正文

【uni-app】通过 HBuilderX 创建 uni-app vue3项目

article 2024/11/16 9:46:31

1.下载 HbuilderX 编辑器

  1. 访问 HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html

  2. 点击首页的 DOWNLOAD 按钮

  3. 选择下载 正式版 -> App 开发版

在这里插入图片描述

2. 安装 HBuilderX

  1. 将下载的 zip包 进行解压缩

  2. 将解压之后的文件夹，存放到纯英文的目录中（且不能包含括号等特殊字符）

  3. 双击 HBuilderX.exe 即可启动 HBuilderX

2.通过 HbuilderX 创建 uni-app vue3 项目

  1. 点击 HbuilderX菜单栏文件 > 项目 >新建

  2. 选择 uni-app, 填写项目名称，项目创建的目录
    在这里插入图片描述
    在这里插入图片描述

3. 安装 uni-app vue3 编译器插件

在这里插入图片描述
在这里插入图片描述
插件安装失败解决教程：官网教程
我的解决：关闭HBuilderX ，再以管理员身份打开，重新下载就可以了

4.编译成微信小程序端代码

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如果报错，则根据提示，开启服务端口
在这里插入图片描述

在这里插入图片描述
小技巧分享：模拟器窗口分离和置顶
在这里插入图片描述
置顶
在这里插入图片描述
最小化微信开发者工具，不能关闭

HBuilderX与微信开发者工具之间的关系

在这里插入图片描述


http://www.kler.cn/a/294109.html

相关文章：

  • 65 mysql 的 表元数据锁
  • JavaScript 自动化软件：AutoX.js
  • 智慧建造-运用Trimble技术将梦幻水族馆变为现实【上海沪敖3D】
  • 基于Spring Boot的在线性格测试系统设计与实现（源码+定制+开发）智能性格测试与用户个性分析平台、在线心理测评系统的开发、性格测试与个性数据管理系统
  • 入侵检测算法平台部署LiteAIServer视频智能分析平台行人入侵检测算法：科技守护安全的新篇章
  • MySQL技巧之跨服务器数据查询：基础篇-更新语句如何写
  • 2024年架构设计师论文-“模型驱动架构设计方法及其应用”
  • 【MATLAB】矩阵的合并
  • 编程技术开发105本经典书籍推荐分享
  • iOS——线程安全、线程同步与线程通信
  • cmd 常用命令总结
  • ES中对于时间聚合的一些总结
  • 集合及映射
  • Django项目搭建
  • Ext JS主要特点有哪些？
  • [米联客-XILINX-H3_CZ08_7100] FPGA程序设计基础实验连载-37 LVDS信号环路测试
  • 爬取图片保存为pdf
  • 使用Java通过SSH协议在两个远程服务器之间传输文件
  • 联众优车持续加大汽车金融服务投入与创新，赋能汽车消费新生态
  • 2024年会声会影哪个版本最新版
  • 【生日视频制作】奥迪A8提车交车仪式AE模板修改文字软件生成器教程特效素材【AE模板】
  • 【MATLAB源码-第160期】基于matlab的胡桃夹子优化算法（NOA）无人机三维路径规划，输出做短路径图和适应度曲线
  • Linux操作系统：Docker版本更新
  • yarn create vite时报错error Error: EPERM: operation not permitted, mkdir
  • css radius
  • 剪映剪辑影视视频字幕声音批量自动对齐教程