微信小程序新建页面时，只有js页与wxml页

原创 已于 2022-04-15 12:28:11 修改 · 2.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序

于 2022-04-13 14:30:46 首次发布
本文介绍了解决在使用某种开发环境创建新页面时，如何通过右键新建并手动添加空的.json和.wxss文件来避免遗漏，提升开发效率。

在学习完教程，自己新建项目的时候，增加页面时，发现新建页面文件夹里只有.js文件与.wxml文件，.json和.wxss不翼而飞，在用了一段时间后，我发现了一个比较实用的方法。

直接右击这个文件夹，例如“login”文件夹，点击“新建文件”，输入“login.json”,回车，并在json文件夹内贴上以下内容即可。新建.wxss文件也是同理，只是不需要再添加代码，空文件即可。

{
    "usingComponents": {}
}

注：不同版本可能操作不同，仅供参考

微信小程序 - 新建页面以及 .js .json .wxml .wxss 的作用
卡尔特斯
10-20 4164
在小程序中，一个完整的页面是由 .js .json .wxml .wxss 四个文件组成： .js 里面编写一些生命周期钩子，事件处理，全局数据… .json 里面编写一些页面配置，页面的 .json 配置会覆盖 app.json 的配置… .wxml 里面编写一些页面内容，UI标签，数据绑定… .wxss 里面编写一些 .wxml 里面的 css 样式，它跟普通 css 文件又有点区别，.wxml 文件可以导入其他的 .wxml 文件进来使用… 新建页面方式一（相当于自动做了一遍方式二里面的所有操作
微信小程序教程系列之新建页面（4）
12-11
微信小程序采用了一套自己独特的架构，包括WXML（结构层）、WXSS（样式层）和JS（逻辑层）三部分，因此创建新页面需要遵循特定的步骤。接下来，我们将深入探讨如何在微信小程序中新建一个页面。 首先，你需要创建...
微信小程序（JSON配置文件、WXML模板文件一）
lwaner的博客
11-13 2812
微信小程序（JSON配置文件、WXML模板文件一） 新建页面 新建页面page （1）手动创建 ①右键单击 [pages] 文件夹，在弹出的菜单中选择“新建目录” ②右键单击新建的目录，在弹出的菜单中选择“新建Page” （2）自动创建 直接在app.json文件的pages选项中将新页面的路径写好，系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.j...
微信小程序入门学习教程，从入门到精通，WXML（WeiXin Markup Language）语法基础(8）
最新发布
qq_45746668的博客
10-04 1301
本文全面介绍了微信小程序 WXML 语法基础，主要内容包括：1）WXML 文件结构与数据绑定（简单内容绑定和属性绑定）；2）模板运算与公共属性；3）条件渲染（wx:if 与 hidden 对比）和列表渲染（wx:for 与 key 属性）；4）模板定义与引用（template/import/include）；5）事件处理机制（绑定方式与事件对象）。文章通过详细注释的代码示例讲解每个知识点，最后提供了一个商品列表页的综合性案例，涵盖条件渲染、列表渲染、事件处理和模板使用等核心功能。
配置小程序的app.json（小程序的全局配置）
齐丶光
02-04 3650
在小程序的根目录下有一个app.json文件，这个文件用来对微信小程序进行全局配置。当我们运行微信小程序时，微信客户端会将整个微信小程序代码下载下来，然后读取app.json中的内容，根据app.json配置整个小程序。 配置项 属性 类型 必填 描述 最低版本 pages string[] 是 页面路径列表 window Ob...
小程序开发-新建页面不会出现js,json,wxml,wcss文件
sinat_42368398的博客
10-26 3614
小程序开发-新建页面不会出现js,json,wxml,wcss文件 1.刚进入小程序开发工具时不明白怎么创建新页面并自动生成js,json,wxml,wcss以及app.json中的路径,解决办法: 在app.json 中的pages中输入你想要创建的页面路径名称, 例如: "pages": [ "pages/home/home" ] c+s保存.此时如果还未生成js,json,wx...
微信小程序新建页面文件
doublefay的专栏
09-05 277
list文件夹之前是直接右键加上去，后面删掉了，利用上述操作新增，只出现了两个文件。暂时还不清楚需要怎样才能正式生成4个文件。1、在app.json->pages中新增页面的存放路径。
新建投票页的微信小程序页面源码.zip
11-28
此外，开发者在进行页面开发时，还需要遵循微信小程序的官方开发文档和指南，确保代码的兼容性和高效性。同时，也可以利用微信官方提供的组件库和API，快速实现复杂的功能和效果。 微信小程序页面的开发是一个系统...
微信小程序-页面开发
陆卿之的博客
01-02 4279
页面开发
【技巧】微信小程序快速新建页面文件夹技巧
qq_42347235的博客
10-09 8382
微信小程序快速新建页面小技巧 在微信开发者工具中,找到aap.json文件，在pages字段中写入自己需要添加的页面文件夹路径，注意：不要写文件名！ 示例： 添加前，只有两个页面，index和logs 只需要在app.json文件的pages字段中添加一段路径，微信开发者工具会自动帮我们添加相应文件夹。 如果你写完之后是这样： 为什么pages文件夹下没有新增文件夹呢？ 注意上边靠右边的那个绿色小点，那代表它前面这个文件还没有保存，那么，保存一下试试。 OK，大功告成。 但是， 这真的是因为保存才成功
微信小程序开发(二) | 项目文件构成解读
go
08-22 1753
项目文件构成 前言: 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件(app.js, app.json, app.wxss文件)组成，必须放在项目的根目录 一个小程序页面由四个文件(js页面逻辑文件,wxml页面结构文件,json页面配置,wxss样式文件) 组成 微信小程序项目创建成功后会生成以下文件夹: 这个项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件,类似html文件 .wxss
解决微信开发者工具不能生成完整项目结构问题
Shmily_YH的博客
03-06 883
如何解决微信开发者工具新建项目只生成project.config.json 最近开始学习微信小程序的开发，在刚开始学习的时候，使用微信开发者工具，构建项目目录结构，只生成project.config.json文件，让人一头雾水，还没开始，就已经出现问题了，最后经过不断尝试发现只需要让默认的项目生成地址与你想建立项目的文件地址一致就行，具体使用图片解释如下： 1、先点击如上图的按钮 2、进入如图页面之后，点击通用按钮 3、修改圈中的默认目录，注意，此目录要与创建项目的目录一致 4、如图可见，创建项目的
微信小程序开发之编译自动生成新文件的解决办法
weixin_64158899的博客
04-25 3312
文章目录 前言微信小程序开发中一自动编译就自动生成一些wxss,wxml，文件的解决办法一、 问题详情二、为什么会出现这个情况三、解决办法1.找到app.json文件夹下的具体页面详情2.删除自己不想要的具体的pages文件夹总结 前言 微信小程序开发中一自动编译就自动生成一些wxss,wxml，文件的解决办法 提示：以下是本篇文章正文内容，下面案例可供参考 一、 问题详情 示例：! 例如，图中的a.js文件，a.wxml文件的自动生成 二、为什么会出现这个情况 这个版本的微信开发者工具的一个默认的一个
微信小程序之页面四个文件详解以及跳转事件
听海的博客
04-21 1823
1.每个页面需要四个文件     1.1.JS文件 必须       页面逻辑，相当于Android中的Activity或是Fragment。   1.2.WXML文件 必须      页面结构，相当于Android中的xml布局。   1.3.JSON文件 不必须      页面配置，相当于 Android中的String配置View的显示文字。   1.4.WXSS...
微信小程序学习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 ...
微信小程序开发(二)
下家山的博客
03-27 778
四：推到重来 微信小程序新建项目，模板其实很复杂，这对一个不熟悉前端编程的程序员来说，其实很难很快掌握，需要网上找更多的资料恶补，甚至知道了后面的忘了前面的。因此，初学者最想做的时，想推倒重来，我重新写。 这一节，我们就删掉项目自带的代码和文件，以及目录，然后我们重新再建目录文件。 功能就是两个页面，一个按钮，按下按钮切换到下一页。 效果如图： ...
微信小程序——创建
zjc_null的博客
01-09 409
最近在研究微信小程序，它与vue有点像。先看如何创建一个工程——准备工作。 1.首先，需要注册微信小程序账号。https://mp.weixin.qq.com/    如果有账号的朋友直接登录，没有账号的，点击立即注册，注册一个账号 注册页面，有四个模块，我们是要开发小程序的。所以，我们点击小程序 邮箱，要使用一个干净的邮箱，未被微信公众平台注册过，未被微信开放平台注册过，未被个...
微信小程序入门（一）
dachuichaobang的博客
05-06 1132
介绍 微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验 小程序注册 注册小程序帐号 在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。 信息补充完整后 获取AppID 申请账号 进入小程序注册页根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。 安装开发工具 前往 开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。 打开小程序
微信小程序中的less转wxss时没有生成新的wxss时怎么办
qq_45656036的博客
08-20 2447
微信小程序的less编译css代码 也就是先在编辑器里面安装插件 看了那么多的博客我安装的时这两个 然后就在编辑器的设置里面打开设置然后 点开这个东西会出来一个json文件，在json文件里面加入这些代码 注意 “.wxss”前面要有空格 不然就不会生成wxss文件 一定要注意 这样你就可以在编辑器里面编写less代码，就会生成wxss代码 总结：安装了插件 但是你的less没有生成wxss文件的原因可能有两种： 1.你的配置文件的代码 “.wxss”前面没有加空格 2.你是在微信开发者工具里面编写的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Master_JW

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值