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

来来来,看这里

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

uni-app新建项目教程

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

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

咱们选择默认模板


uni-app项目结构

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

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

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

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

这就咱们打开成功了

相关推荐
会说法语的猪1 小时前
uniapp使用uni.navigateBack返回页面时携带参数到上个页面
前端·uni-app
Li_Ning218 小时前
vue3+uniapp开发鸿蒙初体验
华为·uni-app·harmonyos
林涧泣9 小时前
【Uniapp-Vue3】uni-icons的安装和使用
前端·vue.js·uni-app
林涧泣11 小时前
【Uniapp-Vue3】下拉刷新
前端·vue.js·uni-app
林涧泣11 小时前
【Uniapp-Vue3】点击回到顶部
uni-app
寰宇软件19 小时前
PHP防伪溯源一体化管理系统小程序
小程序·uni-app·vue·php
大叔_爱编程1 天前
wx035基于springboot+vue+uniapp的校园二手交易小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
林涧泣1 天前
【Uniapp-Vue3】previewImage图片预览
uni-app
灰天7681 天前
健身房项目 Uniapp+若依Vue3版搭建!!
uni-app
努力搬砖的程序媛儿2 天前
uniapp广告飘窗
前端·javascript·uni-app