uniapp项目首次运行配置

配置步骤：在浏览器和微信小程序中运行Vue项目,

最新推荐文章于 2025-09-15 09:49:03 发布

原创最新推荐文章于 2025-09-15 09:49:03 发布 · 811 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

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