使用命令行创建uni-app项目

通过命令行的方式创建uni-app项目, 就不用再受限制于 HBuilderX编辑器了

我们也可以查看uni官方给出的教程

https://uniapp.dcloud.net.cn/quickstart-cli.html#

输入如下命令创建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

(0)
联系我们
联系我们
分享本页
返回顶部