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

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与微信开发者工具之间的关系