一、通过HBuilderX创建项目
1.1首先我们到官网取下载HBuilder X编辑器
HBuilderX-高效极客技巧 (dcloud.io)https://www.dcloud.io/hbuilderx.html
1.2通过HBuilderX创建vue3项目
1.3安装uni-app vue3 编译器插件
1.4编译成微信小程序端代码,这里点击第二步后还需要选择微信开发者工具的安装目录,我因为选过所以这步直接跳过
!!这里要注意的是再运行项目之前必须先到微信开发者工具中设置将下方的服务端口打开,否则运行会报错
小技巧:项目运行成功会自动打开微信开发者工具,点击2处可把显示界面分离出来,更有助于方便我们的开发
1.5下面是部分文件目录的作用
二、通过命令行创建
1.首先进入到要存放项目的文件夹下面
2.依次执行下面的步骤
上面第一步的xxx可以换成下面
这个是官网的链接
uni-app官网uni-app,uniCloud,serverless,环境安装,创建uni-app,自定义模板,国内特殊情况,更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn/quickstart-cli.html#luni-app3.下载完成后我们用HBuilder打开(用其他编译器也行)
刚下载好只有一个src文件夹,修改manifest.json文件夹中appid,执行第3,4两步的命令后就会多出上面的两个文件夹,最后我们正常导入微信开发者工具即可。