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

来来来,看这里

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

uni-app新建项目教程

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

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

咱们选择默认模板


uni-app项目结构

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

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

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

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

这就咱们打开成功了

相关推荐
&白帝&33 分钟前
Uniapp 自定义头部导航栏
前端·javascript·uni-app
&白帝&42 分钟前
Uniapp 条件编译详解
uni-app
xkxnq6 小时前
uniapp跨端性能优化方案
uni-app
速易达网络6 小时前
基于UniApp的新大陆物联网平台温湿度检测系统开发方案
物联网·uni-app
har01d15 小时前
在 uniapp 里使用 unocss,vue3 + vite 项目
前端·uni-app·vue·uniapp·unocss
paopaokaka_luck16 小时前
校园快递小程序(腾讯地图API、二维码识别、Echarts图形化分析)
vue.js·spring boot·后端·小程序·uni-app
!win !1 天前
uni-app项目后台页面数据更新方案
前端·uni-app
编程猪猪侠1 天前
解决uni-app微信小程序编译报错:unexpected character `1`
微信小程序·小程序·uni-app
2501_915909061 天前
iOS 签名证书全生命周期实战,从开发到上架的多阶段应用
android·ios·小程序·https·uni-app·iphone·webview
Rudon滨海渔村2 天前
【懒人教程】如何让uniapp项目在PC大屏中显示移动端的效果 - 统一uniapp项目的PC、平板、手机的样式
uni-app