零基础微信小程序开发学习笔记(1.初识目录结构)

本文是零基础微信小程序开发的学习笔记,详细介绍了如何从注册小程序到理解项目目录结构,包括pages文件夹、app.js、app.json、app.wxss等核心文件的作用。通过实例展示了修改index.wxml实现“Hello World”展示,帮助新手快速入门。
摘要由CSDN通过智能技术生成

6年前上过编程培训班,工作后只做过一个项目,后来转了需求,现在基本是小白,从最简单的开始,边学习边记录下来。

根据官方文档注册好了小程序,下载了微信开发者工具。对着官方文档从最简单的开始,工具提供的模版感觉有点复杂,先不要模版生成一个项目。​

左上角默认显示了模拟器、编辑器、调试器,小白目前先弄懂这三个再说。

直接看编辑器里面的项目文档的结构。

项目名称是miniprogram-1,下面有一个文件夹pages,还有app.js,app.json,app.wxss,project.config.json四个配置文件(其余几个看了一下,就目前小白项目而言用不到,先不管),pages文件夹下还有index文件夹,index下有四个文件:index.js,index.json,index.wxml,index.wxss。

从结构来看,pages文件夹就是小程序的页面总集,现在只有一个页面index。

app.js,app.json,app.wxss,project.config.json这四个文件与pages文件夹同级存放,说明它们影响的范围最广,看官方文档里面,也表明是小程序的全局配置,其中project.config.json是微信开发者工具本身的个性化配置记录,若更换电脑导入之前的项目,则编辑器的字体大小,背景颜色等不需

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值