怎么通过微信开发者工具打开一个项目

已于 2023-03-16 21:08:27 修改
阅读量3k 收藏 13
点赞数 2
分类专栏： 微信小程序出现的问题 文章标签： 微信小程序
于 2023-03-16 21:05:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47035997/article/details/129598725
版权

最近要修改一个老项目的微信小程序

当接收完老项目后,我直接用HBuilder X运行起来

 结果还不错正常运行起来

但是打开页面时显示只能通过手机微信访问

于是我通过微信开发者工具打开

 选择项目后(APP-ID)自己申请的测试ID

打开项目后显示启动失败,没有出现页面

 这里是我没有app.json的问题

接下来找自己项目下的unpackage文件夹

退出微信发者工具后,打开

项目文件夹->dist->dev->mp-weixin这个文件夹

打开之后编译完成就成功显示页面了

 这个是初始页面,要想把其他页面作为初始页面打开,找到app.json文件

把第一行的路径换成你想要设置初始页面的路径

我的初始页面就是pages文件夹下的index文件夹的index页面

小刘的弟弟
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序开发中的朋友圈分享和社交媒体接入
qq_67153941的博客
04-03 147
通过以上的代码实现，我们就可以在微信小程序中实现朋友圈分享和社交媒体接入功能了。用户可以点击分享按钮将小程序分享到朋友圈，其他用户可以在朋友圈页面中浏览和评论朋友圈的内容。打开微信开发者工具，选择"新建小程序"，填写项目名称、AppID，选择项目目录，然后点击"新建"。接下来，我们需要在页面中添加分享按钮，来触发分享功能。创建完项目后，我们需要在app.json文件中添加一些配置信息，来启用社交媒体接入功能。当然，以上的代码只是一个简单的示例，您可以根据自己的需求进行扩展和修改。函数，用来触发分享操作。
如何让微信开发者工具显示切后台按钮，微信开发者工具显示“切后台”按钮
02-26
在使用微信开发者工具开发小程序时，默认情况下没有“切后台”这个按钮，今天教大家如何显示出“切后台”这个按钮。 简单2步，就可以显示出“切后台”按钮， 大大提高了小程序的调试效率。 赶快来试试吧！！
小程序地图定位， 微信开发者工具打开
最新发布
01-10
这个是帮助初学者来学习的微信小程序源代码资源。具有以下特点： 1学习导向：该资源专门为初学者设计，旨在帮助他们学习微信小程序的开发。通过阅读和理解该源代码，初学者能够了解微信小程序的基本结构、组件和功能，并掌握实际开发中的常见技巧和方法。 2登录功能：该资源提供了登录功能，用户可以通过微信账号进行登录。登录是大多数小程序的基础功能之一，通过该资源的代码，初学者可以学习如何实现微信登录功能，包括获取用户信息、授权管理等。 3地图定位功能：该资源使用了百度地图进行个人位置的定位。通过调用百度地图的相关API，用户可以准确获取自己的位置信息，并在小程序中进行显示和利用。初学者可以通过该资源学习如何集成和使用第三方地图服务，以及如何处理地理位置信息。 4源代码示例：该资源提供了完整的源代码示例，包括前端页面、后端逻辑和数据接口等。初学者可以通过阅读和分析这些示例代码，了解小程序的开发流程和代码结构，学习如何编写清晰、可维护的代码。 5文档和注释：为了方便初学者理解和使用，该资源还提供了详细的文档和注释。文档中解释了每个功能的实现原理和代码逻辑，注释则在源代码中解释了每一行代码的作用和用法。
微信小程序——运行他人的项目、寻找appid
努力、拼搏、奋进
09-02 4774
微信小程序——运行他人的项目、寻找appid
微信小程序-原生-使用微信开发者工具
09-05
微信小程序-原生-使用微信开发者工具
微信开发者工具快捷键整理.txt
12-20
操作 命令 打开快捷键面板 F1 打开/关闭工具栏 Ctrl+Shift+T 打开/关闭模拟器 Ctrl+Shift+D 打开/关闭调试器 Ctrl+Shift+M 格式化文件 Shift+Alt+F 编译 Ctrl+B 刷新 Ctrl+R 删除行 Ctrl+Shift+K 向上复制行 Shift+Alt+↑ 向上移动行 Alt+↑ 向下复制行 Shift+Alt+↓ 向下移动行 Alt+↓ 更改所有匹配项 Ctrl+F2 替换 Ctrl+H 查找 Ctrl+F 查找所有引用 Shift+F12 跳转到某行代码 Ctrl+G 跳转到某个方法 Ctrl+Shift+O 切换块注释 Shift+Alt+A 切换行注释 Ctrl+/ 打开/关闭编辑器 Ctrl+Shift+E
uni-app启动微信开发者工具
01-03
运行uni-app在微信开发者工具下注意的问题： （1）在点击工具栏里的文件 -> 新建 -> 项目： （2）选择uni-app，输入工程名，如：hello-uniapp，点击创建，即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。 （3）下载微信开发者工具 （4）运行uni-app 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。 如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。 如下图，需在输入框输入微信开
微信开发者工具使用教程
热门推荐
程序员徐师兄的博客
03-20 1万+
近段时间有很多小伙伴问微信小程序怎么开发啊？开发的第一步就是安装微信web开发者工具，今天就来教你设置好开发者工具。下载安装好之后打开会进入这个界面，倘若开发者首次启动开发者工具，则需要微信账号扫码登录。登录后，微信开发者工具会询问调试类型，请选择「本地小程序项目」。直接点击“添加项目”，就可以在电脑上新建小程序项目了。这时会进入一个要求填写小程序AppID（如果没有则选择“无AppID”，如果有则开发时可在真机预览效果）、项目名称、开发目录的页面，无AppID的小伙伴也是可以正常开发的，不必担心~
如何在微信开发者工具中编译并运行小程序
weixin_42613018的博客
01-07 4194
微信开发者工具是用来开发、调试和发布小程序的工具，使用它可以方便地完成小程序的开发过程。 如果要在微信开发者工具中编译并运行小程序，可以按照以下步骤操作： 首先，确保你已经安装了微信开发者工具，并且已经登录了你的微信开发者账号。 然后，打开微信开发者工具，点击“新建项目”按钮，选择“小程序项目”。 在新建小程序项目的对话框中，输入小程序的名称、选择小程序的模板、设置小程序的目录，然后点击“创...
怎么使用vscode(uniapp)编译微信小程序，微信开发者工具白屏问题怎么解决。
weixin_45345234的博客
11-17 778
1、ctrl+j打开控制台，找到package.json文件的scripts下面有dev:mp-weixin。2、运行方式：打开 微信开发者工具, 导入 dist\dev\mp-weixin 运行。3、微信开发者工具出现白屏问题，也没用报错，直接更新微信开发者工具即可。
微信小程序开发工具导入开发项目教程-阿白必备
佛系豪豪
10-19 5374
准备工作： 注册微信小程序或者小程序测试号，下载并安装微信开发者工具，打开-开发工具导入项目
微信小程序音乐播放器
01-26
wxmusic A wxapp music player 一个微信小程序的音乐播放器  现已上线微信小程序  可以搜索"ChickenMusic音乐播放器"查找本小程序 功能列表 首页：歌曲歌手搜索，轮播图，各大榜单，热门歌单 正在播放： 当前播放歌曲展示，进度展示，歌词同步滚动展示，播放模式（单曲循环，列表循环，随机播放），播放控制（上一曲，下一曲，播放/暂停） 歌手列表： 歌手详情 我的： 最近播放列表，收藏列表 使用方法 1.clone本项目到本地 2.安装微信开发者工具（有APPID需要设置服务器地址，也可以在开发工具中关闭服务器地址安全验证） 3.在微信开发者工具中打开该项目 播放器截图 1.播放页面 ; ; 2.歌手页面 ; ; 3.推荐页面和我的页面 ; ;
微信开发者工具黑屏终极解决办法（加文件）已经测试过了
05-18
打开最新版本微信开发者工具一直黑屏，要怎么解决？简单又有效，黑屏问题麻烦打开C:\\users\\\\AppData\\Local\\微信开发者工具\\user data\\WeappLocalData 放置这个文件就可以了，其他系统目录名称大致一样的。
运行项目到 微信开发者工具和浏览器
Gblfy_Blog
01-03 1万+
文章目录一、运行项目到 微信开发者工具1. 下载安装2. HBuilder X配置3. 设置【微信开发工具路径】4. 运行5. 运行到浏览器 一、运行项目到 微信开发者工具 1. 下载安装 下载地址 安装，一路下一步即可 2. HBuilder X配置 uniapp 支持10个平台，我们已 微信小程序 和 h5 平台为例子，进行演示。 运行到 微信小程序 配置【微信开发工具】路径 3. 设置【微信开发工具路径】 4. 运行 切记： 一定要在 HBuilder X 中双击打开你项目中的某一个文件（比如：
小程序学习——打开已有的项目
赵乘风_i
04-10 1万+
遇到问题：demo clone下来之后如何在微信开发者工具中打开解决：1.打开微信开发者工具2.管理项目，新增3.在项目目录中选择你要打开的小程序demo，AppID可以选择无ID，项目名称要和你打开的文件同名4.打开之后大概是需要等一会会出现项目目录和代码，此时好像还是不能看到小程序页面的5.在普通编译模式那里点击，选择添加编译模式6.在自定义编译条件那里填写信息，模式名称可填可不填。启动页面一...
微信开发者工具导入uniapp项目
前端程序员、项目经理、人工智能博主
11-29 261
在本文中，我详细介绍了如何在微信开发者工具中导入uniapp项目。我希望这篇文章能够帮助你更好地理解整个导入流程，并能够顺利地运行你的uniapp项目。如果你有任何问题，请随时向我提问。祝你在uniapp开发中取得成功！微信开发者工具导入uniapp项目的流程。
小程序~未找到app.json文件的问题
qq_57540936的博客
11-12 1606
基本上简化成三步： 1.首先把最外层目录中project.config.json文件复制到dist/dev/mp-weixin/文件夹下，里面需要添加： "miniprogramRoot":"./dist上一级目录文件名/dist/dev/mp-weixin", 如下图： 2.在app.json中，添加 "miniprogramRoot":"./dist/dev/mp-weixin" 如下图： 3.基本就可以加载出来了，如果还没有看最外层project.config.json...
解决微信小程序报[ app.json 文件内容错误] app.json: app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译
qq_37772593的博客
06-06 1万+
这时候去找unpackage\dist\dev\mp-weixin文件，会发现在mp-weixin下有project.config.json，将此project.config.json文件复制一份放在unpackage同一级，然后在这个复制过来的project.config.json文件夹下添加上 “miniprogramRoot”: “./unpackage/dist/dev/mp-weixin”，即app.json文件的路径即可。（注意不要在原project.config.json上修改，修改无效；
uniapp+vue3+vite+ts+uview-plus 最完整最详细搭建项目步骤
阿Q
09-18 1万+
uniapp+vue3+vite+ts+uview-plus 最完整最详细搭建项目步骤，搭建项目的准备工作：通过vue-cli脚手架创建uni-app项目，便于更好的兼容TS写法node版本：v18.16.0pnpm版本：8.3.0。
微信开发者工具打开两个小程序
06-06
您可以同时打开两个微信开发者工具窗口，分别用于打开不同的小程序。打开方式如下： 1. 打开一个微信开发者工具窗口，点击菜单栏的“文件” -> “新建项目”，输入小程序的 AppID 和项目目录，点击“确定”按钮创建一个新项目。 2. 在已经打开的微信开发者工具窗口中，点击菜单栏的“文件” -> “新建窗口”，会弹出一个新的微信开发者工具窗口。 3. 在新打开的窗口中，点击菜单栏的“文件” -> “打开项目”，选择另一个小程序的项目文件夹并打开。 现在您就可以同时打开两个微信开发者工具窗口，分别用于开发不同的小程序了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值