一、使用HBuilder X创建

第一步：打开HBuilder X > 点击文件列表 > 新建 > 项目

第二步：如图所示(根据项目所需要的进行选择)

第三步：创建完成之后项目文件的(介绍以及作用)

第四步：如何将uni-app项目运行到不同的浏览器，我在这里运行的是微信小程序

(1) 点击运行可以查看到项目的多种运行方式

(2) 在浏览器中运行项目步骤如下

如果是第一次运行uni-app项目在浏览器中需要配置地址

配置浏览器地址

在桌面选择谷歌右键打开点击文件位置

配置完成后关闭即可会自动保存

(3)在微信小程序运行项目

第一次在小程序中运行项目的话会报错 , 解决方法：需要到小程序里边选择手动打开工具 -> 设置 -> 安全设置，将服务端口开启 (默认是关闭的)，然后点击运行 > 选择运行到小程序

然后再选择选择微信小程序运行即可

创建一个uni-app项目并运行再浏览器及微信小程序相关推荐

山东大学项目实训——地图圈系统——微信小程序（16）
地图圈系统--微信小程序(16) 一.社区功能二.项目代码三.效果展示一.社区功能这次项目实训的社区功能是一个很大的模块,包括显示用户发布的文字及图片.用户选择的地点.发布的时间.点赞.评论等 ...
filezilla 设置服务器_java项目部署到linux服务器，微信小程序后台springboot项目部署到腾讯云服务器（图文详解）...
前面给大家讲了一个点餐系统的开发,包括java点餐后台和微信点餐小程序.可是都是教大家如何在本地把项目跑起来.今天就来教大家如何把这个点餐系统部署到服务器,实现商用. 传送门点餐系统的开发,java ...
springboot 获取登录浏览器_java项目部署到linux服务器，微信小程序后台springboot项目部署到云服务器（图文详解）...
前面给大家讲了一个点餐系统的开发,包括java点餐后台和微信点餐小程序.可是都是教大家如何在本地把项目跑起来.今天就来教大家如何把这个点餐系统部署到服务器,实现商用. 传送门点餐系统的开发,java ...
毕业季基于spring的基于安卓APP的基于ssm框架的基于微信小程序的管理系统设计与开发（开题+源码+讲解+论文）
毕业设计考察的是同学的专业知识的运用能力,除了对技能的考核,还看重你的创新思维,这里面设计到内容繁琐复杂. 对于还未毕业没有过项目开发经验的同学是有些难度的,一个程序的开发小到1两个月,大至几个月甚至 ...
山东大学项目实训（四）—— 微信小程序扫描web端二维码实现web端登录
效果点击登录后,显示二维码→打开"探古"(本项目)微信小程序,扫描二维码确认登录→web端登录成功主要流程因为本人主要负责web前端的开发,所以本文仅介绍web前端的实现方法 ...
山东大学项目实训（十七）—— 微信小程序附件上传、下载、预览、删除
目录附件相关功能再实现附件业务功能介绍设计步骤我的上报查看事件详情 (补充) 附件相关功能再实现下图为笔者之前所写的博客关于实现的附件上传,但是没有下载.预览和删除.正因为没有下载.预览和删 ...
前端《Vue.js从入门到项目实战》PDF课件+《微信小程序实战入门第2版》PDF代码调试
JS进行开发,正如一切的编程语言都立足于电元信号的正负极,即01码,可为什么软件都不采用二进制编码来进行开发呢?这里面牵扯到一个成本的问题,这正是影响项目领导者进行决策的关键因素.Vue项目与原生J ...
山东大学项目实训——地图圈系统——微信小程序（18）
地图圈系统--微信小程序(18) 一.轨迹记录功能二.项目代码三.效果展示一.轨迹记录功能轨迹记录功能的实现思路相对简单,设置一个定时器,每隔1s获取一下当前位置,将当前的经纬度坐标加入到数组 ...
山东大学项目实训——地图圈系统——微信小程序（5）
地图圈系统--微信小程序(5) 一.腾讯位置服务路线规划api 二.结果响应实例三.项目代码四.效果展示一.腾讯位置服务路线规划api 提供路线规划能力. 1.驾车(driving):支持结合实 ...

创建一个uni-app项目并运行再浏览器及微信小程序

如何创建uni-app项目

一、使用HBuilder X创建

创建一个uni-app项目并运行再浏览器及微信小程序相关推荐

最新文章

热门文章