自己的微信小程序学习笔记【1】——小程序开发工具的使用及项目文件说明
系列文章目录
文章目录
- 系列文章目录
- 一、小程序开发工具的设置
- 二、文件夹说明
- 1.完整文件结构
- 2.页面文件夹的文件说明
- 3.重点文件说明
一、小程序开发工具的设置
快捷键设置及查看:
项目设置
勾选不校验合法域名
二、文件夹说明
├─components ————>组件文件夹
├─images ————>图片文件夹
└─pages ————>页面文件夹
├─base ————>第一个页面
└─cloud ————>第二个页面
1.完整文件结构
│ app.js
│ app.json
│ app.wxss
│ envList.js
│ sitemap.json
│
├─components
│ └─cloudTipModal
│ index.js
│ index.json
│ index.wxml
│ index.wxss
│
├─images
│ arrow.svg
│ cloud_Control.png
│ cloud_Control_def.png
│ database.png
│ database_def.png
│
└─pages├─base│ base.js│ base.json│ base.wxml│ base.wxss│└─cloudcloud.jscloud.jsoncloud.wxmlcloud.wxss
2.页面文件夹的文件说明
每个页面文件中都有四个文件,而它们的名称通常与它们所在的文件夹名称相同。例如:
└─pages├─basebase.jsbase.jsonbase.wxmlbase.wxss
其中:
- base.js: 逻辑文件,可理解为要实现的功能,主要负责页面交互
- base.json: 配置文件,配置状态栏文字,背景颜色等
- base.wxml: 页面架构
- base.wxss: 页面样式文件,字体,颜色等
3.重点文件说明
每个小程序,都有一个不可或缺文件app.js、app.json及app.wxss
,它们相当于C语言中的main.c,是主程序执行的入口,一般在工程的第一层目录中。它们的作用和上一节说的文件类型相同。
切记:
- 这三个文件的名字是不能改的
- app 文件属于全局文件,它们的功能作用于所有页面,但是会被单独页面配置所覆盖,例如
base.json
内的配置会覆盖app.json
文件的相同配置
自己的微信小程序学习笔记【1】——小程序开发工具的使用及项目文件说明相关推荐
- 微信小程序学习笔记一 + 小程序介绍 前置知识
微信小程序学习笔记一 1. 什么是小程序? 2017年度百度百科十大热词之一 微信小程序, 简称小程序, 英文名 Mini Program, 是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是 ...
- 微信小程序学习笔记( 小程序框架 )
必看 这个只是我的学习过程算是日记形式吧,过程是按微信的官方文档的循序来,从 指南中的小程序框架 开始,指南中这一节之前还有页面配置,目录结构,还有很多介绍,没有写但是是非常重要的,一定要看,像指南后 ...
- 微信小程序学习笔记(二)-- 开发之框架
一.小程序框架介绍(了解) 小程序框架包含小程序的配置.框架接口.场景值.WXML 和 WXS 等 二.小程序的配置(精通) 小程序的配置分为全局配置.页面配置以及sitemap 配置 1.全局配置 ...
- php学习笔记---php调试和开发工具整理
PHP现在已经是使用最为广泛的开源服务器端脚本语言之一,当然PHP并不是速度最快的,但它却是最常用的脚本语言. PHP100出品的EclipsePHP Sutdio 也曾收到广大PHPer好评 1.调 ...
- 前端从零开始学习笔记(一)开发工具的安装说明
1.开发工具的使用:vscode 2.开发工具的下载地址:Visual Studio Code - Code Editing. Redefined 3.直接安装完后下载五个扩展功能: 4. vscod ...
- 小程序 pagescrollto_微信小程序学习笔记(三)-- 首页及详情页开发
一.常用组件 在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...
- 微信小程序学习笔记(1)
微信小程序学习笔记 1.小程序代码结构 2.逻辑层和视图层 3. 小程序的宿主环境(通信模型.运行机制.组件.API) 4. 数据绑定和事件绑定 1.小程序代码结构 当开发者新建一个工程时,项目文件包 ...
- 自己的微信小程序学习笔记【3】——第三方UI库Lin-Ui的加载及使用
其他微信小程序的学习笔记 自己的微信小程序学习笔记[1]--小程序开发工具的使用及项目文件说明 自己的微信小程序学习笔记[2]--从零开始新建项目 文章目录 其他微信小程序的学习笔记 前言 一.Lin ...
- 微信小程序学习笔记(七)----简单文章推荐列表和分类图标的实现
想要实现一个顶部是几篇纯文字的推荐文章,推荐文章下面是四个分类图标,具体实现出来是这个样子的,比较简单: 首先先来找一下素材,这几个图标是我在阿里巴巴图标库下载的,这里是下载地址: http://ww ...
- 小程序学习笔记(1)
小程序学习笔记(1) 以下是学习期间记录的笔记: 10-18号晚上学习笔记: 小程序实际上是需要下载安装的,只是很小,用户基本上觉察不到 组件是具有一定的功能的代码的集合 移动端适配: 物理像素:是图 ...
最新文章
- TCP/IP详解--第七章
- 在对话框中加入属性页
- python dlib学习(二):人脸特征点标定
- Generic Access Profile (GAP)
- autolisp统计相同元素个数_统计学习基础知识
- Error: no such column
- c++趣味小程序_工具类小程序10天增长103万全复盘
- 多线程并发神器--ThreadLocal
- 别太贪婪,这些技能能让你一辈子满足
- java xmpp消息推送_基于XMPP协议(openfire服务器)的消息推送实现
- thinkphp的like用法
- CAD梦想画图中的“离散曲线命令”
- 2021-2027全球及中国工业物联网通信产品行业研究及十四五规划分析报告
- GoldWave几种转换格式方法
- 屌炸天,像写代码一样写PPT,reveal-md 详解
- Mac之如何将文件夹加入个人收藏
- 如何利用工具低成本构建腾讯云灾备方案?
- 关于透明度混合blend
- 基于SOLIDWORKS Simulation 实现对零件,装配体的静应力分析 ૮ ฅ‘ㅅ‘ฅ ა
- Springboot连接Access2003数据库