uni开发微信小程序的基础配置

已于 2022-09-05 09:38:08 修改
阅读量1.4k 收藏 1
点赞数 1
分类专栏： 微信小程序 uni-app 文章标签： 微信小程序 小程序 前端
于 2022-07-22 20:03:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59727199/article/details/125937401
版权

大家第一次用 uni 进行微信小程序开发可能想运行到微信开发者工具里面查看，发现查看不了，提示你需要配置 

1.首先你需要下载微信开发者工具  稳定版 Stable Build | 微信开放文档 (qq.com) ​​​​​​

这个建议现在稳定版windows版本，mac的话要看是因特尔还是m系列的，下载的时候需要注意

2.需要在 HBuilder X => 工具 => 设置 => 运行配置 => 小程序运行配置 => 微信开发者工具路径 填写路径 

 windows 大家可以在桌面上找到 微信开发者工具 右击 找到打开当前文件所在位置 

 

 

最低0.47元/天 解锁文章
小新的飞天大象
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp微信小程序开发
2201_76058294的博客
06-18 281
1.onLunch 只会在进入程序的时候执行一次，一般搭配搭建或等获取微信公众号的code ，想要app.vue调取methods 的方法记得用 getApp.方法名( )└── uni.scss # 常用于定义全局样式变量、第三方ui库的样式（插件）运行在浏览器中，打开调试工具，找到对应的节点即可获取对应的类名，（当然你也可能会有其他好的方法）。2）App.vue引入关键css、main.css、icon.css。页面栈：常用于获取当前页面之前的页面的参数及修改之前页面的数据。
uni-app开发微信小程序 一、配置开发环境
01-06
uni-app开发微信小程序 1. 配置开发环境 uni-app基于Hbuilder、微信开发者工具开发 下载链接： https://www.dcloud.io/ https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 全部安装好后，首先配置Hbuilder 文件-新建-项目 选择uni-app后填写项目名称，选择文件目录，我这里直接选的默认模版自己开发。 填入appid，需要提前在申请好，最好记录在个人电脑内，以免忘记。 安装需要的插件 例如编译less、sass、语法校验等，选择工具-插件安装
uniapp 之 开发微信小程序入门详细指南
ZhuangWei的博客
04-27 2654
1、HbuilderX打包需要邀请项目成员，是该项目下的成员方可打包发布；2、开发阶段，不涉及接口可以使用自己申请的临时测试号进行开发；3、开发阶段，调接口的话需要使用一致的正式申请的AppID，且开发人员（这里实质是登录微信开发者的微信号）是该小程序下的开发者角色。完结。
uniapp制作微信小程序的介绍和简单示例
m0_74387428的博客
05-19 1912
微信小程序和其他小程序一样（如百度小程序，支付宝小程序等）是一种不需要用户下载安装即可使用的轻量级应用，它运行在微信内部，实现了“触手可及”的理念，让用户通过扫一扫或搜索即可快速打开应用。微信小程序由腾讯公司的微信公众平台开发，于2017年1月9日正式发布，截至目前，用户已超7亿。像上述那样配置好HbuilderX和微信小程序，即可用vue在HbuilderX编写各种小程序，参考官方文档uni-app官网有助于解决开发中遇到的问题。
uniapp 开发微信小程序配置
D_lunar的博客
09-08 1132
一、配置 在使用Hbuilder运行至微信开发者工具之前，需进行如下配置： 1、在Hbuilder中配置微信开发者工具路径 2、打开微信开发者工具登陆 3、在 设置>安全 中打开服务端口 4、获取小程序测试号，填入项目下的manifest.json文件 5、以上配置结束后，运行至微信开发者工具即可。 二、报错及原因 1、init error: { Error: ENOENT: no such file or directory, open 'C:\Users\Admin\A
【微信小程序】进阶篇 -- 配置uni-app的开发环境（四十八）
JMFive的博客
03-22 3473
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第48篇文章;今天开始学习微信小程序的第30天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。uni-app 是一个使用 Vue.js 开发所有前端应用的框架。
uniapp 微信小程序 时间段选择组件
07-24
总之，`uniapp`微信小程序的时间段选择组件涉及到了`uni-app`的基础知识，如组件化开发、数据绑定、事件处理等，同时也涵盖了微信小程序的特定API和自定义样式设计。通过学习和实践，开发者可以构建出符合业务需求、...
基于微信小程序的宠物商店小程序
03-31
综合以上，该宠物商店小程序的开发涉及到了微信小程序平台的特性和Vue.js的组件化开发模式，通过uni-app实现跨平台兼容，利用配置文件进行项目管理和接口设置，并通过JavaScript SDK接入微信的各类服务。开发者需要...
微信小程序-页面配置-顶部导航栏背景色渐变
11-29
在微信小程序开发中，页面配置是一项关键任务，它关乎到用户体验和整体应用的视觉一致性。本主题主要聚焦于“微信小程序-页面配置-顶部导航栏背景色渐变”，旨在实现自定义tabBar页面的顶部导航栏，同时确保该导航栏...
uni-app微信小程序生成海报.rar
02-07
在移动应用开发领域，uni-app是一个备受瞩目的框架，它由ECharts团队推出，旨在实现跨平台开发，支持包括微信小程序、H5、App等在内的多个平台。本教程将详细讲解如何使用uni-app来为微信小程序创建一个动态生成海报...
java微信小程序，java微信小程序
05-08
- **Spring Boot框架**：Java微信小程序的后端通常采用Spring Boot作为基础框架，提供快速开发、自动配置和微服务支持。 - **RESTful API设计**：为了与微信小程序前端进行数据交互，后端需要提供符合RESTful规范...
uniapp微信小程序详细入门教程
最新发布
2301_76481677的博客
05-20 2345
uni-app是一个使用Vue.js开发所有前端应用的框架，允许开发者编写一套代码，即可发布到iOS、Android、Web（H5）、以及各种小程序（微信、支付宝、百度、字节跳动等）平台上。它由DCloud公司开发，整合了自家的5+ Runtime和各种小程序API，使得跨平台开发更加便捷。UniApp的目录结构遵循Vue.js项目的基本布局，并且针对跨平台开发进行了优化。
uni-app打包运行成微信小程序，一看就会
m0_74744591的博客
11-07 2547
怎么将uniapp编译成微信小程序并运行，只需简单4步，轻松搞定
uni-app运行到微信小程序、手机端
xiao_gel的博客
03-11 1607
- 安装微信开发者工具，地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html - 打开服务端口：启动微信开发者工具，点击设置图标=>安全=>打开服务端口 - 配置微信小程序路径：打开HbuildX，点击运行=>运行到小程序模拟器=>运行设置=>找到小程序运行配置下的微信开发者工具路径进行配置 - 运行：打开HbuildX，进入项目，点击运行=>运行到小程序模拟器=>微信开
uniapp小程序环境配置（Macos）
xian2h的博客
01-10 659
uniapp环境搭建
uniapp运行小程序教程
m0_71349739的博客
11-29 4209
在HBuilderX的本项目目录中打开manifest.json文件---->微信小程序配置---->配置AppId。打开HBuilderX打开工具--->设置---->运行配置--->微信开发者工具路径进行配置(在HBuilderX中---->运行---->运行小程序模拟器----->微信开发者工具。工具--->插件安装是否存在uni-app(编译), 没有存在则去插件市场安装。自己的微信开发者工具设置--->安全设置--->是否打开了端口号。设置---->安全设置---->打开服务口端号。
uniapp 小程序开发配置
anjignren的博客
07-04 1134
uniapp 微信小程序开发的基础配置
uniapp，转微信小程序，获取当前页面的 路由、路由参数
学习笔记
11-23 2547
uniapp 获取当前路由信息跟 vue 不同，它没有 route 对象。
uni-app(微信小程序) 根据小程序页面路径（可带参数） 生成二维码、分享码
热门推荐
double_Fly_的博客
08-23 1万+
uniapp 微信小程序 生成二维码 根据链接 根据页面路径生成带参数的小程序码 分享码
uni-app 微信小程序怎么修改接口地址
05-24
在uni-app中，你可以通过修改小程序的配置文件来修改接口地址。具体操作步骤如下： 1. 打开项目根目录下的 `manifest.json` 文件。 2. 找到 `mp-weixin` 对象下的 `appid` 属性，将其设置为你自己的小程序的 appid。 3. 找到 `mp-weixin` 对象下的 `setting` 属性，将其展开。 4. 找到 `urlCheck` 属性，将其设置为 `false`。 5. 找到 `es6` 属性，将其设置为 `true`。 6. 找到 `miniprogramRoot` 属性，将其设置为你的小程序的根目录。 7. 找到 `appid` 属性，将其设置为你自己的小程序的 appid。 8. 找到 `libVersion` 属性，将其设置为你希望使用的微信小程序基础库版本号。 9. 找到 `networkTimeout` 属性，将其设置为你希望的网络请求超时时间。 10. 找到 `debug` 属性，将其设置为 `true`，以便在开发过程中查看日志。 11. 找到 `appid` 属性，将其设置为你自己的小程序的 appid。 12. 找到 `appid` 属性，将其设置为你自己的小程序的 appid。 13. 找到 `appid` 属性，将其设置为你自己的小程序的 appid。 14. 在 `mp-weixin` 对象下添加一个 `networkTimeout` 属性，用于设置网络请求超时时间。 15. 在 `mp-weixin` 对象下添加一个 `debug` 属性，用于在开发过程中查看日志。 完成以上步骤后，你可以在 uni-app 中将接口地址修改为你自己的地址。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值