uni-app如何搭建项目(一步一步教程)

来来来,看这里

  首先我们要有一个HBuilder这个软件,然后我们来搭建uni-app项目

uni-app新建项目教程

  首先我们打开这个HBuilder软件,好我们就出现这个界面,我们点击新建项目

  然后我们选择根据自己需要所搭建的什么项目来创建

  咱们选择默认模板


uni-app项目结构

如果是第一次运行咱们需要设置微信开发者工具的安装路径来进行启动(这个图是别人滴,毕竟我已经是运行过来不是首次哩 ^_^ )
就是如果启动失败了,检查这个软件它是没问题的呀,那是哪里的问题嘞?

大家想想,那咱们这个软件是不是要连接到微信小程序里面嘞?

那咱们这个软件没问题,那是不是连接微信小程序有问题嘞?

好,我们来检查是否是微信小程序这里有问题嘞,如果有问题如下有可能是咱们服务端口没打开,然后我们在重新运行一下试试看

这就咱们打开成功了

相关推荐
结网的兔子4 小时前
【前端开发】UniApp 项目地图选型与Web-APP跨端迁移方案
前端·uni-app
2501_916007471 天前
Bundle ID 注册与管理 App ID 创建指南 命名规则 权限开关与删除注意事项
android·ios·小程序·https·uni-app·iphone·webview
PedroQue991 天前
uni-app路由插件化:解锁高效开发新姿势
前端·uni-app
2501_915909061 天前
iOS 证书创建与管理 类型限制 p12 密码与云备份实操
android·ios·小程序·https·uni-app·iphone·webview
anyup1 天前
【2026年8月】uView Pro 千星,还拿到了 GVP
前端·uni-app·github
andr_gale2 天前
02_uniapp自定义上凸效果的底部TabBar
前端·javascript·uni-app·移动端
不爱说话郭德纲2 天前
uni-app x iOS 扫码模糊怎么办?AVFoundation 灰尘级别摄像头助你超广角聚焦
前端·uni-app·app
CHB3 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark【Android版】
android·ios·uni-app
游戏开发爱好者85 天前
系统状态:专为iPhone和iPad设计的实时系统性能监控工具全面介绍
android·ios·小程序·uni-app·iphone·webview·ipad
2501_915909065 天前
全面解析iOS应用上架到App Store的完整流程与关键注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone