uniapp项目运行

已于 2023-08-03 14:06:09 修改
阅读量1k 收藏
点赞数 2
CC 4.0 BY-SA版权
文章标签： uni-app
于 2023-08-03 12:59:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37291053/article/details/132081121

一、下载HBuilderX开发工具、安装

https://www.dcloud.io/hbuilderx.html

在这里插入图片描述

二、下载稳定版的微信开发者工具并安装

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

三、使用HBuilderX新建一个uniapp项目，文件-》新建-》项目或文件－打开文件

四、运行－运行到小程序模拟器－微信开发者工作

在这里插入图片描述
如运行报错
在这里插入图片描述

微信开发工具中，设置－安全设置，将服务端口打开及可
在这里插入图片描述

JoJo-Zhang
关注
新建一个uni-app项目并且运行
代码哈士奇的博客
06-17 82
选择uni-app选择vue3版本，我们将会用vue3-setup语法来编写。如果没有自动弹出微信开发者工具，可以手动打开，编译的小程序代码，在这个目录下面。配置小程序AppId，如果你注册完成了，可以在微信小程序后台找到。本章节没有代码，只是运行起来项目到小程序。下个章节讲述下配置文件。如果你没有登录Hbuilder X，创建项目后这里的标识会变红。选中你的项目目录下的一个 文件，点击运行。配置你的微信开发者工具路径。打开Hbuilder X。需要登录后重新获取。
uniapp - 解决报错 TypeError: e[t] is not a function（Uniapp项目运行或打包编译时提示错误e[t] is not a function，全平台端均可搞定）
高级前端工程师
01-03 7606
uniapp，报错，TypeError: e[t] is not a function，uniapp App端报错，Android端，苹果ios打包报错，运行报错，uniapp打包报错e[t] is not a function，无法运行提示错误，uniapp live-pusher直播推流，maps地图组件，uni-app live-pusher 报错TypeError: e[t] is not a function，uni-app maps报错TypeError: e[t] is not a funct
02 【uni-app起步】
DSelegent的博客
10-16 2305
02 【uni-app起步】
uniapp创建/运行/发布项目
weixin_45618535的博客
12-25 9994
运行App到手机或模拟器：使用电压足够的usb端口连接手机，设置中开启USB调试，手机上允许电脑设备调试手机，进入hello-uniapp项目，点击工具栏的运行 -> 运行App到手机或模拟器，即可在该设备里面体验uni-app。在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，配置相应小程序开发者工具的路径。
uni-app环境搭建和项目的创建与运行
candz_的博客
06-17 1552
微信开发者路径怎么找呢，找到微信小程序，然后右击图标，选择属性也可以同样方法配置浏览器
Uni-app的使用
2301_77886316的博客
04-23 5162
Uni-app 是一个基于 Vue.js 的跨平台应用开发框架，它能够将代码编译成多个平台的应用，包括但不限于微信小程序、支付宝小程序、百度小程序、H5、App（iOS 和 Android）。总的来说，Uni-app 是一个适合开发跨平台应用的框架，它简化了开发流程，提高了开发效率，同时保证了应用的性能和稳定性。
uni-app 5小时快速入门 4 项目运行
谢谢你们的关注
08-23 891
uni-app 5小时快速入门 4 项目运行
HBuilderX将uniapp项目运行到微信开发者工具
qq_63732605的博客
07-20 2647
uni-app、小程序、微信开发这工具、HBuilderX
uniapp项目运行在小程序上
qq_36981190的博客
08-04 3603
1、登录公众号平台，扫码登陆小程序页面 2、下载小程序开发者工具 3、安装小程序开发工具，记住安装目录，默认安装目录如下 4、uniapp程序运行到小程序，会让填写“微信开发者工具”的路径，如下 5、需要获取一下uniapp的appid， 6、导入uniapp编译生成的目录，如下 uniapp生成的编译后代码目录类似： D:\test_uniapp\news-uniapp\unpackage\dist\dev\mp-weixin 需要等十几秒，会出现小程序的模拟页面 7、点击右上角的上传，
uniapp项目运行配置在哪
06-06
UniApp项目的运行配置可以在项目根目录下的`manifest.json`文件中进行配置。其中，可以设置应用的名称、版本号、启动页、APP图标、权限等信息。同时，也可以在`pages.json`文件中配置应用的页面路由、底部菜单栏、...
uni-app项目运行在浏览器、微信开发者工具、mumu模拟器
最新发布
m0_58258716的博客
04-07 1877
uni-app实现了一套代码，同时运行到多个平台。一套代码，同时运行到iOS模拟器、Android模拟器、web、微信开发者工具、支付宝小程序Studio、百度开发者工具、抖音开发者工具、QQ开发者工具（底部每个终端选项卡，代表1个终端模拟器）。本次展示，运行在h5页面、微信开发者工具、mumu模拟器
uniapp项目的编译运行
热门推荐
12程序猿的博客
12-07 2万+
这里写目录标题一、准备工作二、编译运行1.使用HBuilder X 软件打开uniapp项目2.点击菜单栏“运行”---》运行到小程序模拟器---》微信开发者工具（W）3.编译过程中，安装必要的插件4.插件安装完成后，重新编译5.编译成功6.使用开发者工具导入该uniapp项目，即可运行 一、准备工作 uniapp项目 安装HBuilder X 软件 安装npm 运行环境 二、编译运行 步骤： （1）使用HBuilder X 软件打开uniapp项目 （2） 点击菜单栏“运行”—》运行到小程序模拟器—》微信
uni-app创建项目、运行
ji_xin0721的博客
01-15 888
uni-app是一个使用开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。
Uniapp项目运行到微信小程序、H5、APP等多个平台教程
梦想成为公务员
03-07 4658
本文详细介绍了uniapp构建多端项目时，如何运行调试项目，例如微信、H5、APP等
如何运行一个前端uniapp项目
Junes inh 的技术专栏
11-07 1229
要运行 xx-uniapp-v2这个项目，您可以按照以下步骤来设置开发环境。这个项目基于uni-app框架，通常需要 Node.js 和 HBuilderX 开发工具来运行。
uni-app项目运行和项目结构目录讲解
weixin_42397937的博客
05-28 1685
UNI-APP学习系列之uni-app项目运行和项目结构目录讲解运行项目使用 pnpm 包管理工具# 查看是否安装pnpmpnpm -v# 无则安装```下载依赖pnpm i运行pnpm dev:h5可以通过修改package.json文件的方式来简化运行命令项目结构具体每个文件作用如下所示node_modules ——放置项目的依赖文件src ——放置开发的代码文件pages ——放置页面文件。
Uni-app跟学笔记（一）：新建项目、运行、tabbar、全局配置
qq_63586399的博客
03-07 1077
本博客是uni-app课程的跟学笔记（一），目的是便于个人复习和对知识快速索引，源码素材可在均可在视频评论区找到。
uni-app的基本使用
chengcheng9876的博客
07-19 4911
uni-app的基本使用
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值