通过命令行的方式创建uni-app项目, 就不用再受限制于 HBuilderX编辑器了
我们也可以查看uni官方给出的教程
输入如下命令创建vue3+ts的uni-app项目
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
随后, 我们使用HBuilder X打开项目
打开manifest.json, 添加微信小程序appID, 输入完毕之后, 我们看一下下载一下编译依赖包
安装完成之后, 我们看看什么命令是运行到微信小程序的
在这么多命令中, 有一个命令是运行到小程序的
npm run dev:mp-weixin
我们输入如上命令, 看看有什么变化
输入完运行之后, 我们会发现在我们的项目中出现了一个dist文件, 里面的dev中的mp-weixin就是我们需要放到微信开发者工具中运行的代码
接下来, 我们打开微信开发者工具, 选择导入, 找到我们上面生成的文件
点击确定即可
随后, 我们修改了一下响应式数据, 发现热更新依然生效
这样我们用命令行创建uni-app项目就讲解完了
声明:文中观点不代表本站立场。本文传送门:https://eyangzhen.com/334760.html