学习日记:零基础学习开发微信小程序part 1,程序目录结构介绍与创建新页面

首先搜索 微信小程序api

进入页面,然后 申请账号

登录 小程序后台 ,我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 

小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

有了小程序帐号之后,我们需要一个工具来开发小程序。

安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

扫码登陆

之后会出现这样的界面

点击 +

可以选择填写之前注册的AppID,也可以使用测试号,由于我在学习观看的视频中使用的是测试号,所以接下来的界面都是使用测试号而出现的界面。

使用AppID测试号登录出现的界面不同,扫码登陆游客登陆也不一样,这点说明一下。

点击测试号后会出现这样的界面

点击 确定 之后,开始微信小程序开发

模拟器 编辑器 调试器 可视化,都是可以点击出现和取消的

点击图标就可以

目录

pages是页面,里面有两个文件夹

一个index,一个logs,index就是管下面这个界面的

utils是公共文件夹,里面存放时间戳,可以删掉,没用

js是逻辑层;

json是配置项;

wxmlhtml;  

wxss其实就是css,为了区分,所以是微信ss,这是一个样式文件,长宽高,颜色都在这里

pages里面一个文件夹代表一个页面 

前面有app,这是入口文件,在里面写的东西会对全局造成影响

container权限最高,会覆盖其他操作 

project.config.json是配置项,和本地设置有关联

勾选和取消本地设置,代码会发生改变

 sitemap.json是索引

修改 页面在index里面操作,在index.wxml操作

把东西全部删掉,点击编译,左边页面就会清空 

把app.wxss清空,因为会影响全局

把index.wxss清空,重新编写,然后点击编译

在app.json里面,把index和logs换位置,就能看见logs

在pages单击右键新建文件夹news

在news单击右键新建page,输入新建文件夹一样的名字,回车

就会出现新建好的文件,是一个页面

有更简单的方法,就是在app.json中直接输入"pages/news/news"

"pages/news/news"挪到最上面就能看见这个界面

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Titijiang233

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

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

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

打赏作者

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

抵扣说明:

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

余额充值