当前位置: 首页 > 编程笔记 >

微信小程序  自定义创建详细介绍

锺宜
2023-03-14
本文向大家介绍微信小程序  自定义创建详细介绍,包括了微信小程序  自定义创建详细介绍的使用技巧和注意事项,需要的朋友参考一下

微信小程序 自定义创建,最近自己捣鼓微信小程序的东西,这里对自定义创建做一个简单的资料整理,也许可以帮助大家。

 微信小程序  自定义创建

自定义创建与默认创建完全相同, 只是不要勾选quick start即可


淡定(不要看到报错就紧张, 一定要淡定)


看看它说了什么, no such file or directory(没有文件或目录), 没哪个文件, 哦 原来是 app.json。 还记得 .json是什么文件不, 对喽, 全局配置文件。 没有配置文件就像没有汽油的布加迪, 跑起来才怪。 话不多说, 加点油

1、切换到编辑窗口

 


输入文件的名字, app.json。 不用输入后缀(不知道为啥, 有时候就得TM输入全称, 估计工具有BUG)

2、点击重启, 又出现错误。 再次淡定


原来是app.json中是空的, 所以报错。 看看都需要些什么东西


原来是pages, 那就填上

{
 "pages":[ // 所有页面必须在pages中配置
  "pages/index/index" // 建立对应的 .wxml 文件
 ]
} // 直接拷贝quick start中的即可

点击重启或编译, 程序完美运行了

注意: 建立一个wxml文件必须创建对应的js文件, 并使用Page函数生成页面实例

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍微信小程序 (七)数据绑定详细介绍,包括了微信小程序 (七)数据绑定详细介绍的使用技巧和注意事项,需要的朋友参考一下 数据绑定有一部分前几个看着还行,后面的几个可能有几个不理解,界面展示的数据有的也因为条件没法显示。看不懂的可以先记着,后面真正用到时就会明白,反正我是这样想的。这里先记录下 data.wxml data.js 相关文章: hello WeApp            

  • 本文向大家介绍微信小程序 http请求详细介绍,包括了微信小程序 http请求详细介绍的使用技巧和注意事项,需要的朋友参考一下 在微信小程序进行网络通信,只能和指定的域名进行通信,微信小程序包括四种类型的网络请求。 普通HTTPS请求(wx.request) 上传文件(wx.uploadFile) 下载文件(wx.downloadFile) WebSocket通信(wx.connectSocket

  • 本文向大家介绍微信小程序 触控事件详细介绍,包括了微信小程序 触控事件详细介绍的使用技巧和注意事项,需要的朋友参考一下 微信小程序 触控事件:             微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全,事件可以向父节点传递,而且打印这个事件的信息很透明,调试起来应该非常方便。 接下来把文档copy过来 原文地址:https://mp.weixin.qq.com/debu

  • 本文向大家介绍微信小程序(二)Window 配置详细介绍,包括了微信小程序(二)Window 配置详细介绍的使用技巧和注意事项,需要的朋友参考一下 window用于设置小程序的状态栏、导航条、标题、窗口背景色。注意在app.json中配置的属性会被子window属性覆盖 只需在app.json配置即可 相关文章: hello WeApp                      icon组件 Wi

  • 本文向大家介绍微信小程序 (六)模块化详细介绍,包括了微信小程序 (六)模块化详细介绍的使用技巧和注意事项,需要的朋友参考一下 模块化也就是将一些通用的东西抽出来放到一个文件中,通过module.exports去暴露接口。我们在最初新建项目时就有个util.js文件就是被模块化处理时间的 使用方式: 相关文章: hello WeApp                      icon组件 Win

  • 本文向大家介绍微信小程序 (八)View组件详细介绍,包括了微信小程序 (八)View组件详细介绍的使用技巧和注意事项,需要的朋友参考一下 刚看到这个效果的时候还真是和ReactNative的效果一致,属性也基本的一样. view这个组件就是一个视图组件使用起来非常简单。 主要属性: flex-direction: 主要两个特性”row”横向排列”column”纵向排列 justify-conte