微信小程序目录结构介绍

作者: LYSNote | 来源:发表于2018-03-25 11:16 被阅读23次

微信小程序助你爬坑
微信小程序学习(二)：小程序目录结构介绍
微信小程序目录结构介绍
微信小程序基础教程（一）
小程序之注册配置详解
mpvue使用
微信小程序之API篇——豆瓣图书搜索（十二）
微信小程序之基础组件篇——媒体组件（十一）
微信小程序之拓展篇——weui-wxss（十三）
微信小程序之注册篇（二）

返回目录

一. 页面文件(通常有下面四个文件组成)

页面文件.png

二. 项目配置文件

项目配置文件.png

三. 项目主样式(写在这里的样式,对整个项目所有的样式都起作用,所以你可以把一些公共的样式放在这里)

项目主样式.png

四. 页面配置文件(页面上下导航样式都可以在这个里面设置)

注意:
用WebStorm开发的人员,在创建一个新的页面的时候,需要在这个配置文件里面注册一下,也就是添加到pages里面
如果你使用的是微信开发工具进行开发,可以忽略这个问题,因为当你创建一个页面的时候,他自己会自动添加

页面配置文件.png

五. 小程序页面最外层(个人认为类似苹果原生app里面最外层的window,页面所有的内容都在这里放)

page.png

六. 最后介绍下微信开发工具顶部几个按钮的使用场景

使用场景.png

返回目录

微信小程序助你爬坑
目录已更新微信小程序开发简介微信小程序账号注册及开发工具下载微信小程序目录结构介绍微信小程序获取App...
微信小程序学习(二)：小程序目录结构介绍
1.微信小程序目录结构微信小程序默认的目录结构，下面一一介绍： 1.1 小程序的文件格式介绍在项目中我们可以看...
微信小程序目录结构介绍
返回目录一. 页面文件(通常有下面四个文件组成) 二. 项目配置文件三. 项目主样式(写在这里的样式,对整个项...
微信小程序基础教程（一）
文章主要介绍：框架开发工具原生微信小程序的目录结构原生微信小程序的基本写法（装修中）使用uni-app开...
小程序之注册配置详解
本文主要介绍微信小程序的框架页面结构。小程序目录结构小程序包含一个描述整体程序的 app 和多个描述各自页面的...
mpvue使用
1、初始化微信小程序项目 2、安装依赖 3、项目启动 4、项目结构 5、目录介绍
微信小程序之API篇——豆瓣图书搜索（十二）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之基础组件篇——媒体组件（十一）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之拓展篇——weui-wxss（十三）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...
微信小程序之注册篇（二）
微信小程序之入门篇（一）微信小程序之注册篇（二）微信小程序之开发初体验（三）——开发工具使用和目录结构微信小程序之...