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

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

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

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

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

藕粉到底要怎样弄呢
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hbuilderx 小程序分包_HbuilderX微信小程序打包失败
weixin_39695306的博客
12-22 1438
项目使用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...
使用微信开发者工具运行小程序
songsong的博客
12-01 8186
下载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运行项目时报错--解决办法
热门推荐
mxjwxhn的博客
10-06 1万+
报错信息： / 开始编译当前项目至 mp-weixin 平台… momopic@0.1.0 dev:mp-weixin D:\桌面\momopic ERROR Failed to compile with 1 errors 9:11:48 ├F10: AM┤ This dependency was no
【uniapp项目开发配置流程】：开发工具HBuiderX下载、安装、配置 & 安装 Scaa/ sass编译器插件 & uniapp项目的创建 & 配置微信开发者工具运行项目 & Git项目开发流
最新发布
Forever_Hopeful的博客
04-20 1472
【uniapp项目开发配置流程】：开发工具HBuiderX下载、安装、配置 & 安装 Scaa/ sass编译器插件 & uniapp项目的创建 & 配置微信开发者工具运行项目 & Git项目开发流
uni-app运行到微信开发端的流程
2201_75705263的博客
05-18 193
第一步：打开Xbulider小程序运行配置并输入自己下载的微信开发的软件路径。第二步：到微信开发者工具里边进行安全设置。第三步：打开安全设置并获取服务端口。第四步：配置路径 url。
【小程序专栏】第一个uniapp项目编译到微信开发者工具以及android真机运行
字母哥博客
07-01 3902
本文为大家创建第一个uniapp项目，并将项目以andorid应用的形式运行到真机进行调试，以“微信小程序”为例编译运行到微信开发者工具。
怎么通过微信开发者工具打开一个项目
weixin_47035997的博客
03-16 3218
通过微信开发者工具打开项目时提示没有app.json文件的解决办法
怎么使用vscode(uniapp)编译微信小程序，微信开发者工具白屏问题怎么解决。
weixin_45345234的博客
11-17 906
1、ctrl+j打开控制台，找到package.json文件的scripts下面有dev:mp-weixin。2、运行方式：打开 微信开发者工具, 导入 dist\dev\mp-weixin 运行。3、微信开发者工具出现白屏问题，也没用报错，直接更新微信开发者工具即可。
uni-app使用微信小程序云函数的步骤示例
10-15
在本教程中，我们将深入探讨如何在uni-app中使用微信小程序云函数。uni-app是一个多端开发框架，它允许开发者使用一套代码实现跨平台应用，包括iOS、Android、H5、微信小程序等。而微信小程序云函数则是在微信小程序...
uni-app开发微信小程序 一、配置开发环境
01-06
uni-app基于Hbuilder、微信开发者工具开发 下载链接： https://www.dcloud.io/ https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 全部安装好后，首先配置Hbuilder 文件-新建-项目 选择uni...
uni-app-master：uni-app是使用Vue语法开发小程序，H5，App的统一框架
11-25
官网地址： : Vue.js开发者使用Vue语法编写代码， uni-app框架将其编译到小程序（微信/支付宝/百度/字节跳动/ QQ /钉钉），App（iOS / Android），H5等多个平台，保证其正确运行并达到优秀体验。uni-app的特点开发者...
uni-app：uni-app是使用Vue语法开发小程序，H5，App的统一框架
02-02
开发者使用Vue语法编写代码， uni-app框架将其编译到小程序（微信/支付宝/百度/字节跳动/ QQ /钉钉），App（iOS / Android），H5等多个平台，保证其正确运行并达到优秀体验。 uni-app的特点 开发者和案例更多：...
uniapp,微信小程序中使用 MQTT的问题
10-15
`clientId`是每个客户端的唯一标识，可以在微信小程序中使用`uni.getStorageSync`获取。 4. **连接代码示例**：在uniapp中，根据运行环境（H5、微信小程序或APP-PLUS），选择不同的连接方式。H5环境使用`wss`，微信...
记录一下使用vue-cli命令行创建uni-app项目，编译到微信小程序时出现报错：Cannot read property ‘config‘ of undefined的解决方式
Crazy_Prince的博客
04-02 1959
使用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 全
uni-app搭建小程序
yshir
01-16 2728
一、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
uniapp 微信小程序多环境配置及使用
我总是词不达意的博客
03-22 1万+
uniapp 微信小程序多环境配置及使用，微信小程序自定义环境变量，根据环境变量更改请求地址
uniapp使用微信小程序提供的原生插件（组件）
qq_40591925的博客
10-17 5530
uniapp使用微信小程序提供的原生插件（组件）
uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json
G佳伟
05-18 5975
uni-app项目在微信开发者工具打开时控制台报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220;
uniapp踩坑系列之二
baidu_41601048的博客
01-06 3172
今天在用真机在小程序上预览的时候。发现无法预览。一直报错超过微信最大2m。总共也才3个页面，怎么就那么大？ 经过小程序包分析工具发现。打包以后的vender.js文件达到1.7m，最后发现，在main.js中引入了一些无用的第三方库。包括echarts和uview，node_modules中有两个包：uview-ui和uview，删除以后xbuild运行发行在小程序开发者工具中发现只有738k。 第二是采用分包策略： 第一步：拆分原本在pages文件件中的页面。 第一步：在pages.json新
请给出使用uni-app将一个vue项目打包成微信小程序的详细教程
04-23
好的，下面是使用uni-app将一个vue项目打包成微信小程序的详细教程： 1. 首先，需要在你的vue项目根目录下，运行以下命令来安装uni-app插件： ``` npm install -g @vue/cli-plugin-uni ``` 2. 安装完成后，运行以下命令来创建一个uni-app项目： ``` vue create -p dcloudio/uni-preset-vue my-project ``` 其中，`my-project`是你的项目名，可以自定义。 3. 进入项目目录，运行以下命令来安装依赖： ``` cd my-project npm install ``` 4. 编写你的vue项目代码。在编写时，需要注意以下几点： - 首先，你需要使用uni-app提供的API来代替原生的API，比如使用uni.navigateTo来代替wx.navigateTo； - 其次，在样式方面，需要使用uni-app提供的样式扩展语法来代替原生的样式，比如使用class="text-primary"来代替color："#007aff"； - 最后，在引入第三方库时，需要注意是否支持uni-app，如果不支持，需要找到相应的uni-app插件或组件库来代替。 5. 编写完成后，运行以下命令来编译成微信小程序： ``` npm run dev:mp-weixin ``` 编译完成后，会在`dist`目录下生成一个`mp-weixin`目录，里面就是生成的微信小程序代码。 6. 打开微信开发者工具，选择`mp-weixin`目录作为小程序项目，即可预览和调试。 以上就是使用uni-app将一个vue项目打包成微信小程序的详细教程，希望能对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值