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

来来来,看这里

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

uni-app新建项目教程

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

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

咱们选择默认模板


uni-app项目结构

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

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

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

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

这就咱们打开成功了

相关推荐
yu_zheng51636 小时前
uniapp中添加colorUI的过程
uni-app
Jiaberrr6 小时前
uniapp(vue)打包web项目页面刷新后报404解决方案
前端·javascript·vue.js·uni-app
wang_book6 小时前
uniapp学习(004-2 组件 Part.2生命周期)
前端·学习·微信小程序·小程序·前端框架·uni-app·vue
bug总结6 小时前
uniapp__微信小程序使用秋云ucharts折线图双轴
微信小程序·小程序·uni-app
《源码好优多》6 小时前
基于SpringBoot+Vue+Uniapp微信小程序快递管理系统(源码+lw+部署文档+讲解等)
vue.js·spring boot·uni-app
刘栀子7 小时前
uni-app 拍照图片添加水印
前端·javascript·uni-app
阿眠7 小时前
uni-app中添加自定义相机(微信小程序+app)
数码相机·微信小程序·uni-app
《源码好优多》7 小时前
基于SpringBoot+Vue+uniapp的诗词学习系统的详细设计和实现(源码+lw+部署文档+讲解等)
vue.js·spring boot·uni-app
前端技术栈9 小时前
uniapp 实现input聚焦时选中内容(已封装)兼容微信小程序
uni-app
四川掌上时代科技有限公司1 天前
uniAPP是否可以做php语言书写后端的前端开发?
uni-app·php