微信小程序开发工具中如何创建与pages目录同级的目录

最新推荐文章于 2024-12-25 15:00:08 发布
原创 最新推荐文章于 2024-12-25 15:00:08 发布 · 4.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文介绍了创建目录时避免进入子目录的方法，关键在于操作时确保父级目录未选中。通过点击空白区域创建images目录，轻松解决导航困扰。

踩坑

我原本是想创建一个images目录，让它与pages目录同级，如下图：
在这里插入图片描述
但是结果出乎我的意料，我创建的目录跑到pages目录里面了，如下图：
在这里插入图片描述

解决办法

其实很简单，就是在创建目录之前，不要让pages目录处于选中的状态，不然你创建的目录就会跑到pages目录下面。那么如何不让pages目录处于选中状态呢？其实只需要点击一下空白的地方就可以了，如下图所示：
在这里插入图片描述

【零基础】学会微信小程序开发-小程序目录结构讲解
外柏叁布道者
05-28 1532
零基础学习开发微信小程序
微信小程序二（创建页面）
不忘初心，才能始终
10-08 2万+
好了 hello world 创建好了 ，咱开始写页面了，那么如何创建一个简单的页面呢， 废话不多说，开始撸代码 新建一个页面需要以下几步， 1. 在pages 中添加一个目录 （当然如果你觉得写在现有的目录里面就好 那这一步就省略啦） 点击左侧的 编辑  -->  点中 pages 文件夹  -->   点击右上角的  +  号  --> 在下拉菜单中选择 目录  --
（二）运行微信小程序：单页面和多页面
qq_38250687的博客
05-09 4868
微信小程序第二篇
微信小程序分包
weixin_42959207的博客
11-22 1530
某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。 在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。 在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，...
微信小程序学习2：开发工具快速创建页面（pages）的四个文件(.js，.json，.wxml， .wxss)
集电极
08-04 1万+
微信小程序学习2：开发工具快速创建页面（pages）的四个文件(.js，.json，.wxml， .wxss) 【1】首先在pages文件夹下创建一个页面文件夹，比如我打算创建个人中心,我创建一个home文件夹如下 【2】 右键home文件夹，选择新建Page 【3】之后输入home，回车之后就建立页面的四个文件了。（可以不和文件夹同名，但一般推荐同名） 四个文件分别是：home.js，home.json，home.wxml， home.wxss ...
微信小程序的全局配置以及页面配置
ygkyufcl的博客
02-23 1345
1、全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象 属性 类型 必填 描述 最低版本 pages string[] 是 页面路径列表 window Object 否 全局的默认窗口表现 tabBar Object 否 底部 tab 栏的表现 networkTimeout Object 否 网络超时时间 debug boolea...
【微信小程序】开发与配置
领头羊的博客
07-26 2589
准备学习一下怎么开发微信小程序，主要是跟着微信官方文档进行学习，在这里记录一下。
微信小程序代开发入坑指南
最新发布
观千剑而后识器，操千曲而后晓声。
12-25 1163
微信小程序代开发入坑指南
商业微信小程序开发：小白轻松接单（微信退款）
Hyellow_s的博客
10-08 1187
那么这篇笔记将介绍一下微信的退款功能。
微信小程序自定义select下拉选项框组件的实现代码
10-18
通过以上步骤，我们就可以在微信小程序中创建一个功能完备的自定义select下拉选项框组件。这种组件设计允许在多个页面复用，只需要调整传入的数据和绑定的事件，即可实现不同的功能需求。在实际开发中，可以根据项目...
微信小程序开发实战
辽辽无期的博客
05-31 273
项目需求：根据不同角色权限切换不同tabbar实现方式1、项目根目录下创建 custom-tab-bar2、详细代码由于全局文件App.json 配置tabbar 最少2个 最多5个，所以【我的】页面共用一个/*** 组件的属性列表} , /*** 组件的初始数据。
微信小程序js调用php,微信小程序 引用其他js文件实现代码
weixin_30343429的博客
03-21 202
这篇文章主要介绍了微信小程序 引用其他js文件实现代码的相关资料,需要的朋友可以参考下微信小程序如何引用其他js文件1.我们先建立一个common.js文件，在common.js编写我们的程序，function myfunc() {console.log("myfunc....");}module.exports.myfunc = myfunc; 这样暴露接口，这里不暴露是不能引用的，在文件域js...
小程序基本命令
aiven1637的博客
10-30 3477
onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...
微信小程序开发入门（一）
yikunhan的博客
09-17 852
1、微信小程序开发的目录结构： images:存放图片信息 pages：页面信息 utils：工具类 .gitignore:暂时没用到 app.js:项目启动过程中的逻辑处理 app.json：项目的页面信息及样式 app.wxss:项目的全局的样式 project.config.json:项目的一些配置信息（暂时不了解） sitemap.json：（暂时不了解） 其中主要...
微信小程序云开发自学之colorui组件库的引入
wzm326115的博客
02-16 783
学习工具：微信开发者工具 引用了colorui组件库 引入colorUI组件库 1.新建一个与pages同级的文件夹 如果点TEST旁边的+号总是创建不好与pages同级的文件夹（我就是这个倒霉蛋，总是创建到pages文件夹里面），可以试试找到保存这个代码的路径，然后右键新建文件夹，重命名为colorui 这样就可以与pages同级了。 2.别管从哪找到colorui文件下载下来，我是在csdn上搜的然后点人家的链接进去下载的，下载下来后解压缩，把如图所示目录下的文件复制粘贴到刚刚创
微信小程序开发入门-个人笔记
Xiaov
04-30 864
微信小程序开发 下载和安装看网上教程即可，如果遇到一直黑屏打不开，可以换一下32/64位的重新下载安装，看看能不能打开，仍然不行的话，可以使用360软件管家下载，亲测有效哦！ 附上几个链接： 微信小程序-官方：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html...
微信小程序分包，分包与主包页面跳转
TC_DESpipi的博客
08-06 7899
微信小程序分包，分包与主包页面跳转
微信小程序（八）实战——加载图片images
热门推荐
欢迎交流PHP和前端知识QQ：634487911
07-09 2万+
1.加载本地图片本地路径：/pages/images/1.png<image class="widget_arrow" src="/pages/images/1.png" mode="aspectFill"></image>在wxss中设置图片样式.widget_arrow{ width:25px; height:25px; }2.加载网络图片网络图片地...
微信小程序怎么添加pages页面
贼厉害
02-04 1751
看图就能明白，打开全局app.json => pages 中新增页面的存放路劲，小程序开发者工具即可以帮助我们创建对应的页面文件看图流程添加一个。这样因该能看明白怎么添加pages目录文件了，不用手动去一个一个添加。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值