初次使用uni-app ,创建项目后编译在微信开发者工具中运行配置

最新推荐文章于 2024-09-18 21:47:52 发布
最新推荐文章于 2024-09-18 21:47:52 发布
阅读量1k 收藏
点赞数
分类专栏： 小程序学习 文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Heixiu6/article/details/127091619
版权

项目编译成功后，会调开微信开发者工具，但是只打开了初始界面，点击新建后如图在这里插入图片描述
这时需要找到项目编译好的路径，如我的项目编译路径，minApp是项目名称

D:\minApp\unpackage\dist\dev\mp-weixin

然后将编辑路径配置到小程序目录处，如图
在这里插入图片描述
按图中提示完成配置，最后点击确定就可以运行调试小程序啦

藕粉到底要怎样弄呢
关注
专栏目录
使用微信开发者工具运行小程序
songsong的博客
12-01 8283
下载git(以mac为例) 安装 直接在终端运行命令 /bin/zsh -c “$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)”，即可安装 验证git是否安装成功 在终端输入git ，显示下图证明安装成功了 Git连接Github 开通权限 需要找运维开通代码的权限，（会提供用户名和密码） 选择要放代码的文件夹，在右键菜单里点“新建位于文件夹位置的终端窗口（Git Bash Here）” 在打开的窗口输入，设
uni-app教程二（微信开发者工具运行项目，icon字体使用，组件
04-03 939
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化。
uni-app 开发微信小程序 自动化编译/启动项目
weixin_63212264的博客
05-23 1万+
最近开发一个uni-app的小程序项目，因为习惯使用vscode 而项目不得不借助hbuderx 运行，微信开发工具调试，偶尔还需要使用 ios模拟器，8g内存的mac 就变的异常卡顿，所以就研究了下通过npm命令去编译、 运行等工程化配置, 这样就不用运行hbuderx 减少内存使用，顺便记录下从需求到完善功能的过程，以及遇到的问题，解决的方案。...
uniap部署微信小程序流程
最新发布
sun0317tao的博客
09-18 501
第一次运行打开微信开发者工具之后需要导入项目，导入编译后的项目，你的项目》unpackage》dist》dev》map-weixin。hbuilderx需求配置微信开发者工具安装路径 在 运行》运行到小程序模拟器》运行设置。打开微信开发者工具之后点击右上角的上传就ok了，去微信公众平台提交审核就可以了。注：微信开发者工具需要开启。
uni-app运行到微信开发端的流程
2201_75705263的博客
05-18 225
第一步：打开Xbulider小程序运行配置并输入自己下载的微信开发的软件路径。第二步：到微信开发者工具里边进行安全设置。第三步：打开安全设置并获取服务端口。第四步：配置路径 url。
【小程序专栏】第一个uniapp项目编译到微信开发者工具以及android真机运行
字母哥博客
07-01 4035
本文为大家创建第一个uniapp项目，并将项目以andorid应用的形式运行到真机进行调试，以“微信小程序”为例编译运行到微信开发者工具。
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） 点击菜单栏“运行”—》运行到小程序模拟器—》微信
怎么通过微信开发者工具打开一个项目
weixin_47035997的博客
03-16 3907
通过微信开发者工具打开项目时提示没有app.json文件的解决办法
uni-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
qq_45811054的博客
03-30 1500
ui-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
Uni-app运用HBuilderX和微信web开发者工具做微信小程序
m0_75260695的博客
06-14 7358
Uni-app的介绍:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序、快应用等多个平台.HBuilderX中的H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。简称HX。HX是轻如编辑器、强如IDE的合体版本。微信web开发者工具的介绍:为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了微信 web 开发者工具。
uni-app使用微信小程序云函数的步骤示例
10-15
在本教程中，我们将深入探讨如何在uni-app中使用微信小程序云函数。uni-app是一个多端开发框架，它允许开发者使用一套代码实现跨平台应用，包括iOS、Android、H5、微信小程序等。而微信小程序云函数则是在微信小程序...
HBuilder X uni-app 运行微信小程序时 微信开发者工具卡在初始化应用通信能力界面的解决办法
lx227227的博客
03-22 1万+
现象： 在HBuilder X中已经安装uni-app插件的情况下，运行其自带范例的微信小程序时，在调用完微信开发者工具后，卡在初始化应用通信能力界面就木有然后了~ 解决方法： 1、将HBuilder X更换成稳定版/APP开发版 2、重新下载微信开发者工具的稳定版并覆盖安装 3、确认开启了微信开发者工具中安全-服务端口 4、确认HBuilder X中配置了微信开发者工具的根目录（不是主程序exe...
怎么使用vscode(uniapp)编译微信小程序，微信开发者工具白屏问题怎么解决。
weixin_45345234的博客
11-17 1212
1、ctrl+j打开控制台，找到package.json文件的scripts下面有dev:mp-weixin。2、运行方式：打开 微信开发者工具, 导入 dist\dev\mp-weixin 运行。3、微信开发者工具出现白屏问题，也没用报错，直接更新微信开发者工具即可。
记录一下使用vue-cli命令行创建uni-app项目，编译到微信小程序时出现报错：Cannot read property ‘config‘ of undefined的解决方式
Crazy_Prince的博客
04-02 2171
使用vue-cli命令行创建uni-app项目，编译到微信小程序时出现报错：Cannot read property 'config' of undefined如何解决问题出现1.根据[uni-app官网](https://uniapp.dcloud.io/quickstart-cli.html)的指引通过vue-cli命令行创建uni-app2.运行编译到微信小程序3.打开微信开发者工具查看小程序4.发现报错解决方法 问题出现 1.根据uni-app官网的指引通过vue-cli命令行创建uni-app 全
hbuilderx 小程序分包_HbuilderX微信小程序打包失败
weixin_39695306的博客
12-22 1511
项目使用npm run dev:mp-weixin可以运行成功，但打包时npm run build mp-weixin出现如下错误。package.json请见附件。kaibanshenqi@0.2.0 build /Users/tony/Documents/kaibanshenqinpm run build:mp-weixin "mp-weixin"kaibanshenqi@0.2.0 buil...
uni-app搭建小程序
yshir
01-16 2838
一、uni-app脚手架搭建 1、全局安装（只需要安装一次） npm install -g @vue/cli 2、创建项目 vue create -p dcloudio/uni-preset-vue my-project（my-project为你的项目名称） 3、启动项目（微信小程序） npm run dev:mp-weixin 4、微信小程序开发者工具导入项目 二、搭建过程可能出现的问题 1、容易出现vue和vue-templage-complier版本不一致的问题 此时根据提示重新安装对应的vu
创建uni-app（通过vue-cli命令行）
博客
04-13 1179
uni-app运行到微信开发者工具》uni-app官网•介绍•快速上手。节点，选择对应指令编译。
uniapp 微信小程序多环境配置及使用
我总是词不达意的博客
03-22 1万+
uniapp 微信小程序多环境配置及使用，微信小程序自定义环境变量，根据环境变量更改请求地址
uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json
G佳伟
05-18 6174
uni-app项目在微信开发者工具打开时控制台报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220;
uni-app与nodejs打造在线学习微信小程序
本资源是基于uni-app和nodejs开发的在线学习微信小程序的源码，代码完整，下载后即可以运行，无需修改。这意味着开发者可以直接使用本资源进行开发和部署，大大节省了开发时间和成本。 5. nodejs和uni-app的结合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值