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

YSoup YSoup 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.1k累计阅读 4.2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-03-16 01:42:40 发布 4.1k 阅读 AI 写同款· GEO 优化 ›
微信小程序设计之页面文件pages 小程序一般会在根目录下创建一个pages文件夹用于保存所有页面文件，每个页面有自己独立的二级目录，如下图所示。由上图可见，该项目当前由index和 logs两个页面组成。wxml文件:用于构建当前页面的结构，包括组件、事件等内容用户最终看到的页面效果就是由该文件显示出来的。可选页面，用于设置当前页面的样式效果，该文件规定的样式会覆盖app.wxss全局样式表中产生冲突的规定,但不会影响其他页面。js文件:可选页面，用于设置当前页面的逻辑代码。json文件。 阅读详情

踩坑

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

解决办法

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

收录于
javascript

当前文章被收录于：

javascript
8 篇文章 0 人学习

javascript

订阅专栏 查看详情
标签
#前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Python 使用Pygame库实现足球游戏：创建一个球员和一个足球，并使玩家能够控制球员的移动。游戏将包括碰撞检测、简单的物理模拟，以及基本的用户输入处理 本文将介绍如何使用Python和Pygame库创建一个简单的足球游戏。我们将搭建一个基本的游戏环境，创建一个球员和一个足球，并使玩家能够控制球员的移动。游戏将包括碰撞检测、简单的物理模拟，以及基本的用户输入处理。这个简单的足球游戏展示了Pygame的一些基本功能。虽然这是一个简单的游戏，但它包含了创建游戏循环、用户输入处理、物理模拟、碰撞检测等重要概念。 阅读详情

相关推荐

陀螺仪选型避坑指南：为什么IMU660RA是智能车竞赛的性价比之选？

本文针对智能车竞赛场景，提供陀螺仪选型避坑指南，并深度解析为何IMU660RA成为性价比之选。文章指出，竞赛选型应避免盲目追求高性能“黑盒”模块，而应注重原始数据获取与算法开发。IMU660RA以其良好的常温稳定性、适中的噪声水平、极致的性价比和丰富的生态支持，成为帮助参赛者深入理解姿态解算原理、进行“白盒开发”的理想教学与实践平台。

tech5的博客 882

（二）运行微信小程序：单页面和多页面

微信小程序第二篇

qq_38250687的博客 5069

AIGC实战：用ComfyUI和Lora微调打造专属原神角色（含完整工作流）

本文详细介绍了如何利用ComfyUI和Lora微调技术打造专属原神风格角色，涵盖从环境配置、数据集准备到工作流构建和Lora训练的全过程。通过模块化节点设计和高级控制技术，创作者可实现高度个性化的AIGC艺术创作，提升二次元角色生成的效率与质量。

weixin_29185199的博客 349

微信小程序分包

某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。 在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。 在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，...

weixin_42959207的博客 1620

Ansys Zemax | 多模光纤耦合效率优化与IMAE操作数实战解析

本文详细解析了在Ansys Zemax（OpticStudio）中优化多模光纤耦合效率的实战流程。通过几何图像分析诊断初始效率，并重点介绍了如何利用IMAE操作数将分析工具转化为自动化优化引擎，实现从2%到54%的几何效率飞跃。文章还探讨了引入菲涅尔损耗与偏振计算以逼近真实效率，并分享了关键的避坑指南与高阶技巧。

xk7n92h3p5m的博客 750

符合DO-178C和DO-331的机载软件研制体系

DO-178C的核心要求软件开发生命周期：DO-178C定义了软件开发的生命周期过程，包括需求获取、设计、实现、验证和确认等。它为机载软件开发提供了一套系统化的指导，确保在开发过程中考虑安全性和可靠性。安全等级（DAL）：根据系统的重要性，DO-178C将软件划分为不同的开发保障等级（DAL A到E），DAL A的要求最为严格，适用于关键安全功能，而DAL E的要求较低，适用于非关键功能。DO-178C在非基于模型软件开发中的应用。

qq_41854911的博客 980

小程序基本命令

onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...

aiven1637的博客 3558

AutoSAR系列讲解 - 前言

博主xyfx是一名汽车行业的嵌入式软件工程师，本职工作是同步电机的驱动控制（主要做FOC的，这个大家要是有兴趣，以后可以单独开一个专栏来讲解一下），由于做控制器的时候需要用到AutoSAR，所以特意的去学习了相关知识，同时博主自己也在同步提高中，有写的不合理的地方也请大家指正。我准备对AutoSAR开设两个大的方面来讲解，一是AutoSAR的入门篇，二是AutoSAR的实践篇，分别讲述AutoSAR的理论基础和工具的使用。

雪云飞星的博客 4万+

微信小程序学习2：开发工具快速创建页面（pages）的四个文件(.js，.json，.wxml， .wxss)

微信小程序学习2：开发工具快速创建页面（pages）的四个文件(.js，.json，.wxml， .wxss) 【1】首先在pages文件夹下创建一个页面文件夹，比如我打算创建个人中心,我创建一个home文件夹如下 【2】 右键home文件夹，选择新建Page 【3】之后输入home，回车之后就建立页面的四个文件了。（可以不和文件夹同名，但一般推荐同名） 四个文件分别是：home.js，home.json，home.wxml， home.wxss ...

集电极 1万+

手把手教你学Simulink--双足机器人的反步控制方法仿真

本文介绍了在Simulink中基于反步控制方法进行双足机器人仿真研究的步骤。主要内容包括：1)准备工作，包括MATLAB/Simulink安装和相关工具箱配置；2)构建简化双足机器人模型；3)设计反步控制器，阐述其递归设计原理及Lyapunov函数构造方法；4)通过MATLAB Function块实现控制逻辑并连接模型；5)仿真参数配置和结果分析。文章强调反步控制适用于非线性系统，通过逐步构造虚拟控制律保证系统稳定性，并指出需要多次调试和查阅文献来优化控制效果。该教程为研究双足机器人运动控制提供了实用的仿真

MHD0815的博客 153

Linux 服务器上部署 OpenClaw完整教程

2. 全局安装 OpenClaw 3. 初始化配置 配置模型提供商 方式一：使用配置命令（推荐） 方式二：直接编辑配置文件 在 部分添加： 配置多个模型提供商 如果你使用 Antigravity 本地代理，可以同时配置多个模型： 配置飞书集成 1. 创建飞书应用 访问 飞书开放平台 创建企业自建应用 记录 App ID 和 App Secret 2. 配置应用权限 在飞书开放平台，为应用添加以下权限：重要: 必须使用 长连接（WebSocket） 模式，不要使用 HTTP 回调！在飞书开放

Maynor的博客 5250

微信小程序开发入门（一）

1、微信小程序开发的目录结构： images:存放图片信息 pages：页面信息 utils：工具类 .gitignore:暂时没用到 app.js:项目启动过程中的逻辑处理 app.json：项目的页面信息及样式 app.wxss:项目的全局的样式 project.config.json:项目的一些配置信息（暂时不了解） sitemap.json：（暂时不了解） 其中主要...

yikunhan的博客 887

C#上位机案例：西门子S7协议通信+实时曲线显示（WinForm+ZedGraph）

创建/// PLC数据模型（对应DB1块）/// 采集时间（用于曲线的X轴）set;/// 温度值（℃）set;/// 压力值（MPa）set;/// PLC通信状态set;西门子S7协议通信和实时曲线显示，也是工控现场最常见的场景之一。整个开发过程的关键不在于“写出代码”，而在于“写出符合工控场景的稳定代码”——比如解耦通信逻辑与界面逻辑、处理跨线程问题、限制数据点数量、释放资源等。新手在学习时，建议先跟着步骤搭建好环境，跑通基础功能，再逐步尝试进阶优化。需要注意的是，工控上位机的核心是。

这里只有干货：从 Modbus 通信到 MES 对接，从 YOLO 训练到工控机部署，带你搞定工业软件开发全流程。 1343

微信小程序页面（pages目录下）创建方式总结

微信小程序中的每个页面由一个独立的文件夹组成，包含四个基本文件：.json（页面配置）、.wxml（页面结构）、.wxss（页面样式）和.js（页面逻辑）。创建页面的方式主要有三种：1. 手动创建，适合学习和调试；2. 通过开发者工具自动创建，适合快速开发；3. 使用命令行或脚本创建，适合大型项目和自动化流程。手动创建需要逐个生成文件并注册到app.json中，而开发者工具和命令行工具可以自动完成这些步骤。合理选择创建方式有助于提高开发效率和代码规范性。

爱的叹息的专栏 1817

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

SAP B1中文培訓教材_SDK

公司内部培训资料，对开发工具 ，DIAPI， UIAPI，Add-ON有详细解说

快速学会创建uni-app项目并了解pages.json文件

学习目标：1.学会创建uni-app项目 2.了解uni-app中pages.josn文件的作用

来自想要赚大钱的小周同学 3775

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员，提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列，各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性，请参见数据手册。有关 ARM Cortex™-M4F 内核的信息，请参见《Cortex™-M4F 技术参考手册》。

微信小程序Pages外的函数获取Pages中data的值

文章目录一、背景二、具体操作1、使用getCurrentPages()函数总结 一、背景 我们知道，微信小程序js的主要结构如下 Pages({ data:{ data1:111, data2:"bbb" } }) fuction a(){ // Pages外的一些函数 } 此时，会有一些场景需要函数a获取Pages中data的一些数据。那应该怎么做呢？ 二、具体操作 1、使用getCurrentPages()函数 我们知道，getCurrentPages函数可以获取所有打开的页面的信息。

weixin_44004835的博客 5116

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

微信小程序开发工具创建项目

微信小程序开发工具是微信官方提供的一个集成开发环境（IDE），它可以帮助开发者高效地开发微信小程序。

zengliguang的专栏 758

小程序开发——如何创建一级目录

创建与pages同级的目录前，需要先点击空白部分，保证pages目录并非选中状态，此时创建的目录即是一级目录（即与pages同级别）

weixin_68461903的博客 309

微信小程序项目和目录结构以及各个文件夹和文件的作用

微信小程序项目目录结构以及各个文件夹和文件的作用 pages文件夹，utils文件夹，全局文件app.js文件，全局文件app.json文件， 样式app.wxss文件，项目配置文件project.config.json，页面收录配置文件 sitemap.json。 在这里插入图片描述 pages： 存放小程序的页面文件，书写各个页面代码以及组件 1 ...

cjy_lean的博客 1万+

微信小程序目录结构

1、pages目录：这个目录下放的其实就是一个个的微信端的页面了，截图中的index文件夹、logs文件夹其实都是单独的页面； 再以index文件夹举例说——下属4个不同后缀文件： （1）js：就是页面内的js文件，页面中的变量、监听事件全都在这里； （2）json：页面的配置文件，其实就类似后端的配置文件，就看成

weixin_51170516的博客 5588

（二）微信小程序之文件结构目录解析

在微信开发者工具中添加项目并勾选创建默认小程序，系统给我们自动创建的小实例是第一个页面显示我们的头像、昵称还有hello world的文本，点击头像跳转到另外一个页面显示启动日志，效果如下： 进入【编辑】选项，你会看到如下目录结构： 在图中的目录可以看到几种文件格式：.wxml、.js、.json、.wxss、 其中： .wxml—页面结构文件； .js—脚本文件，包含页面/

生如夏花 炫至茶靡 6759

微信小程序的目录解析--【浅入深出系列002】

系列博客总目录： 如何0元学微信小程序--【浅入深出系列000】 https://blog.youkuaiyun.com/dearmite/article/details/131748662 本系列校训 用免费公开视频，卷飞培训班哈人！打死不报班，赚钱靠狠干！ 只要自己有电脑，前后项目都能搞！N年苦学无人问，一朝成名天下知！ 不怕别人比你聪明，就怕聪明的人比你更努力！

dearmite的专栏 2482

微信小程序开发（开发工具、项目创建、发布审核，人员及目录结构分析）

开发前准备 小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 小程序开发前准备： ①申请账号 ②安装开发工具 申请账号 开发小程序之前需要先注册一个小程序账号，通过这个帐号你就可以管理你的小程序。 账号申请： 进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。 网址：https://mp.weixin.qq.com ...

weixin_45492145的博客 564

微信小程序开发|文件类型与目录结构

微信小程序开发|文件类型与目录结构 微信小程序开发从基础走起，本文介绍小程序开发的文件类型与目录结构。 创建你的第一个小程序 创建你的第一个小程序还是比较简单，在「微信开发工具」新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，点击 " 新建 "，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程...

weixin_43849099的博客 1937

微信小程序-开发工具安装及使用 更新2024.12.2

微信小程序-开发工具安装及使用

zgscwxd的博客 8215

微信小程序开发01：开发环境、开发工具、配置准备

微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用，主要提供给企业政府媒体、其他组织或个人的开发者在微信平台上提供服务。微信小程序和微信的原生功能应用在本质上是一样的——它们都是WebApp。Web App就是一种通过H5页面技术实现的，和Native App的功能和界面几乎一样的手机App形态。很多商家和企业为了节省技术人员和资金的投入，都会选择使用Web App制作工具，免费快速制作自己的Web App。

黑马程序员官方博客 4577
上一篇： cvc-complex-type.2.4.d: 发现了以元素 ‘base-extension‘ 开头的无效内容。此处不应含有子元素。
下一篇： 微信小程序中的wxml如何自动缩进、对齐
点赞 12
评论 0
书签 书签 0
YSoup
YSoup
博客等级 码龄10年 110粉丝 104原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值