这篇文章主要介绍了微信小程序学结(一)项目创建与目录结构,总结分析了微信小程序项目创建、配置方法以及目录结构、文件功能,需要的朋友可以参考下

本文实例讲述了微信小程序项目创建与目录结构。分享给大家供大家参考,具体如下:

首先,放上微信公众品台的网址https://mp.weixin.qq.com/,下面内容完全可以跟着做。https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html
下载开发工具。

创建项目

如图所示

选点此校验就行啦,右边有个详情也点开瞅两眼。

上传测试和腾讯这块点不了是为啥呢,因为你创建项目的时候没有填写AppID,下一题。

具体的东西下载下来瞅瞅点点就行。下面介绍结构。

目录结构


1.wxml相当于html,wxss相当于css

2.在 app.json 的 pages 字段,添加需要新建的页面的路径,将会自动生成改页面所需要的文件


同样里面也会生成四个文件,且与文件名同名的文件。


3.ctrl+s相当于点击编译

4.外面的四个文件相当于全局文件,那么是听谁的呢,当然是就近原则了,离谁近受谁影响

例子:在index.wxml写上这么一句<text>hello world </text>,在index.wxss中写上text{ color:red; },在全局wxss中写text{ color:blue; },结果颜色为红色啦。

5.json文件是嘛的呢。我们来看官方的解释。app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

第一部分pages


接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的信息,数组的第一项代表小程序的初始页面。小程序中新增/页面,都需要对 pages 数组进行修改。

第二部分window

用于设置小程序的状态栏、导航条、标题、窗口背景色。


很给力!

希望本文所述对大家微信小程序设计有所帮助。

最新资讯
联邦快递宣布将对住宅快递征收附加费

联邦快递宣布将对住宅

联邦快递(FDX.US)将对其大客户的住宅快递征收一项新的
微信:2020年小程序全年交易额同比增长超100%

微信:2020年小程序全年

今日在2021微信公开课上,公开课讲师momo表示,2020年小程
小米集团盘中涨幅扩大至6%,市值重回8000亿港元

小米集团盘中涨幅扩大

1月19日上午消息,港股开盘后恒生科技指数涨幅扩大至3%,
用脸滋尿、当街尬舞,动物为了找对象能有多拼?

用脸滋尿、当街尬舞,动

来源:把科学带回家大西洋海底,一只缅因龙虾正在等待他的
智己造车 就是上海造自己的车

智己造车 就是上海造

“弯道超车”超的是谁的车,答案不言而喻。智己汽车,某种
代孕,为什么不能被开放?

代孕,为什么不能被开放

代孕确实是一个争议性很大的问题。要说清楚是不是可以
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,