uniapp项目首次运行配置

最新推荐文章于 2024-08-29 11:38:03 发布

我超幸运12138

最新推荐文章于 2024-08-29 11:38:03 发布

阅读量440

点赞数 8

文章标签： uni-app

本文链接：https://blog.csdn.net/m0_45858045/article/details/135838721

版权

1.创建项目，找到pages/index/index.vue

2.点击运行，运行到浏览器，

2-1首次打开需要配置web服务器，
![在无这里插入图片描述](https://img-blog.csdnimg.cn/direct/a43b822f3bca4ae1a52ce0d47365a3a5.png 在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/586b16819b7d47d48f95686103ed4fcd.png
2.拿到浏览器完整的安装路径
!](https://img-blog.csdnimg.cn/direct/ca8c30ba066a41c1ba7a0127adc392c8.png)

3.直接运行到内置浏览器，会自动安装插件

在这里插入图片描述

4.运行到微信小程序

同样需要配置微信开发者工具的路径
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/4bf97ae916fc403ca75b7d9e81e17e11.png

此时运行到微信小程序上面还是无法打开，还是需要打开微信开发者工具的设置，找到安全设置，打开服务端口，这个前提是你的微信小程序已经配置好了，可以正常启动项目
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ea1a568c1044497f9f512f7f3f966132.png