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

已于 2022-04-15 12:28:11 修改
阅读量1.9k 收藏 1
点赞数 5
文章标签： 微信小程序
于 2022-04-13 14:30:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Master_JW/article/details/124147119
版权

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

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

{
    "usingComponents": {}
}

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

Master_JW
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
配置小程序的app.json（小程序的全局配置）
齐丶光
02-04 3535
在小程序的根目录下有一个app.json文件，这个文件用来对微信小程序进行全局配置。当我们运行微信小程序时，微信客户端会将整个微信小程序代码下载下来，然后读取app.json中的内容，根据app.json配置整个小程序。 配置项 属性 类型 必填 描述 最低版本 pages string[] 是 页面路径列表 window Ob...
小程序开发-新建页面不会出现js,json,wxml,wcss文件
sinat_42368398的博客
10-26 3057
小程序开发-新建页面不会出现js,json,wxml,wcss文件 1.刚进入小程序开发工具时不明白怎么创建新页面并自动生成js,json,wxml,wcss以及app.json中的路径,解决办法: 在app.json 中的pages中输入你想要创建的页面路径名称, 例如: "pages": [ "pages/home/home" ] c+s保存.此时如果还未生成js,json,wx...
微信小程序之页面四个文件详解以及跳转事件
听海的博客
04-21 1552
1.每个页面需要四个文件     1.1.JS文件 必须       页面逻辑，相当于Android中的Activity或是Fragment。   1.2.WXML文件 必须      页面结构，相当于Android中的xml布局。   1.3.JSON文件 不必须      页面配置，相当于 Android中的String配置View的显示文字。   1.4.WXSS...
微信小程序（JSON配置文件、WXML模板文件一）
lwaner的博客
11-13 2466
微信小程序（JSON配置文件、WXML模板文件一） 新建页面 新建页面page （1）手动创建 ①右键单击 [pages] 文件夹，在弹出的菜单中选择“新建目录” ②右键单击新建的目录，在弹出的菜单中选择“新建Page” （2）自动创建 直接在app.json文件的pages选项中将新页面的路径写好，系统会自动创建所对应的四个文件page.wxml模板文件、page.wxss样式文件、page.j...
微信小程序 - 新建页面以及 .js .json .wxml .wxss 的作用
卡尔特斯
10-20 3767
在小程序中，一个完整的页面是由 .js .json .wxml .wxss 四个文件组成： .js 里面编写一些生命周期钩子，事件处理，全局数据… .json 里面编写一些页面配置，页面的 .json 配置会覆盖 app.json 的配置… .wxml 里面编写一些页面内容，UI标签，数据绑定… .wxss 里面编写一些 .wxml 里面的 css 样式，它跟普通 css 文件又有点区别，.wxml 文件可以导入其他的 .wxml 文件进来使用… 新建页面方式一（相当于自动做了一遍方式二里面的所有操作
【技巧】微信小程序快速新建页面文件夹技巧
qq_42347235的博客
10-09 7601
微信小程序快速新建页面小技巧 在微信开发者工具中,找到aap.json文件，在pages字段中写入自己需要添加的页面文件夹路径，注意：不要写文件名！ 示例： 添加前，只有两个页面，index和logs 只需要在app.json文件的pages字段中添加一段路径，微信开发者工具会自动帮我们添加相应文件夹。 如果你写完之后是这样： 为什么pages文件夹下没有新增文件夹呢？ 注意上边靠右边的那个绿色小点，那代表它前面这个文件还没有保存，那么，保存一下试试。 OK，大功告成。 但是， 这真的是因为保存才成功
微信小程序开发(二) | 项目文件构成解读
go
08-22 1457
项目文件构成 前言: 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件(app.js, app.json, app.wxss文件)组成，必须放在项目的根目录 一个小程序页面由四个文件(js页面逻辑文件,wxml页面结构文件,json页面配置,wxss样式文件) 组成 微信小程序项目创建成功后会生成以下文件夹: 这个项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件,类似html文件 .wxss
微信小程序教程系列之新建页面（4）
12-11
但是到在微信小程序中，新建一个页面也不只是新建一个wxml文件，那么该如何做呢？下面我们一起来学习 新建一个页面的步骤： 1> 必须要创建一个wxml文件和一个js文件，并且文件名要同名（例：test.wxml 和 test.js）...
微信小程序教程系列之页面跳转和参数传递（6）
01-20
微信小程序的新建页面 —— 微信小程序教程系列（4） index.wxml: 在index.wxml新建一个button组件，并使用bindtap事件绑定一个函数 index.js: 在index.js中的Page函数内部，添加changeToTest 函数，函数里面使用...
微信小程序使用自定义组件导航实现当前页面高亮
01-03
最近开发小程序，需要做一个导航，导航可以通过...首先新建header文件夹，里面新建对应的js、json、wxml、wxss文件。 <!-- 公共头部组件 --> <image src=../../assets/img/logo2.png mode=widthFix></
微信小程序 微信扫码一键连接wifi小程序源码
07-13
总结，这个“微信扫码一键连接WiFi小程序源码”项目涉及到了微信小程序的基础架构、页面交互、扫码功能、网络权限及连接操作等多个技术点，开发者可以通过学习和修改此源码，深入了解微信小程序的开发流程并实践相关...
解决微信开发者工具不能生成完整项目结构问题
Shmily_YH的博客
03-06 631
如何解决微信开发者工具新建项目只生成project.config.json 最近开始学习微信小程序的开发，在刚开始学习的时候，使用微信开发者工具，构建项目目录结构，只生成project.config.json文件，让人一头雾水，还没开始，就已经出现问题了，最后经过不断尝试发现只需要让默认的项目生成地址与你想建立项目的文件地址一致就行，具体使用图片解释如下： 1、先点击如上图的按钮 2、进入如图页面之后，点击通用按钮 3、修改圈中的默认目录，注意，此目录要与创建项目的目录一致 4、如图可见，创建项目的
微信小程序开发之编译自动生成新文件的解决办法
weixin_64158899的博客
04-25 2472
文章目录 前言微信小程序开发中一自动编译就自动生成一些wxss,wxml，文件的解决办法一、 问题详情二、为什么会出现这个情况三、解决办法1.找到app.json文件夹下的具体页面详情2.删除自己不想要的具体的pages文件夹总结 前言 微信小程序开发中一自动编译就自动生成一些wxss,wxml，文件的解决办法 提示：以下是本篇文章正文内容，下面案例可供参考 一、 问题详情 示例：! 例如，图中的a.js文件，a.wxml文件的自动生成 二、为什么会出现这个情况 这个版本的微信开发者工具的一个默认的一个
微信小程序学习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 ...
微信小程序源码压缩探索
小红帽的博客
08-03 2612
微信小程序主包具有2M的最大限制，因此压缩程序源码成为一个优化的可能。下面是一些探索的结论以及为解决问题而做的一些方案。 1. 一个结论 先说一个结论：压缩JS文件和WXSS文件对于缩小主包体积是没有作用的，js和wxss文件的确是源码中最大的两个部分，但是小程序开发工具在打包上传的时候可以设置自动压缩这两部分，因此我们不必做多余的动作（实验发现做了也是无用的）。 2. 压缩WXML WXML的压缩和单纯的HTML压缩有两个主要的不同点： WXML里面可能存在WXS脚本，而WXS的处理不同于WXML的处
02 优化微信开发者工具默认的结构
zhuyuan123456的博客
06-11 302
首先我们来认识一下他的结构，pages就是页面的意思，可以看到默认有两个页面index和logs 我们需要删除他的默认代码和样式 然后，我们来认识一下app.json这个文件夹下面都有些什么东西，以下两个路径刚好对应默认结构里的两个页面 app.json里面设置的是全局样式，我们可以设置它的背景颜色和文字 为了以后的开发，少报错，我们可以把不检验合法域名这个选项打开...
微信小程序入门（一）
dachuichaobang的博客
05-06 932
介绍 微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验 小程序注册 注册小程序帐号 在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。 信息补充完整后 获取AppID 申请账号 进入小程序注册页根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。 安装开发工具 前往 开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。 打开小程序
微信小程序开发之新建小程序项目（新手学习）
lyj961222的博客
12-17 956
首先，打开微信小程序开发者工具，（若没有请先下载工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html），用微信扫一扫登录，创建小程序新项目，需要填写项目名称、选择代码存放路径、APPID(在微信公众平台进行申请https://developers.weixin.qq.com/miniprogram/de...
微信小程序中的less转wxss时没有生成新的wxss时怎么办
qq_45656036的博客
08-20 2130
微信小程序的less编译css代码 也就是先在编辑器里面安装插件 看了那么多的博客我安装的时这两个 然后就在编辑器的设置里面打开设置然后 点开这个东西会出来一个json文件，在json文件里面加入这些代码 注意 “.wxss”前面要有空格 不然就不会生成wxss文件 一定要注意 这样你就可以在编辑器里面编写less代码，就会生成wxss代码 总结：安装了插件 但是你的less没有生成wxss文件的原因可能有两种： 1.你的配置文件的代码 “.wxss”前面没有加空格 2.你是在微信开发者工具里面编写的
微信小程序开发新建页面
最新发布
09-05
在微信小程序开发中，新建一个页面需要进行以下步骤： 1. 首先了解WXML页面的相关知识，可以参考[WXML模板](引用)。 2. 在小程序项目中，一个小程序由多个页面构成。要新建一个页面，可以在项目中添加一个新的页面...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Master_JW

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

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

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

打赏作者

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

抵扣说明：

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

余额充值