初识微信小程序

一.安装微信小程序工具

1.进入微信小程序官方文档
2.找到导航栏的工具,下载稳定版
初识微信小程序
3.跟正常应用程序一样,下载完安装即可

二.新建项目

1.首先我们用自己AppID不要用测试号
2.根据流程注册之后,在微信平台登录
3.开发—》开发设置—》APPID
初识微信小程序
4.若不是云开发的话,要选择不使用云服务
5.新建即可
6.结果如下
初识微信小程序

三.开发工具的一些基本设置

初识微信小程序
首先 设置里面的项目设置里的本地设置
除了默认勾选的以外
还要勾选
1.增强编译(方便使用ES7等高级语法)
2.使用npm模块
3.不校验合法域名,web-view。。(小程序严格上只能访问https的结构)

四.小程序的基本单位-Page页面

1.初始化项目的目录结构
初识微信小程序
1.初始化项目的时候pages文件夹下面有两个文件夹(我们约定俗称pages里面有多少个文件夹,即有多少个页面)
分别是index和logs 表示有两个页面

index页面
初识微信小程序
log页面
初识微信小程序
本质是在app.json文件中配置的
初识微信小程序
2.微信小程序中所有看到的页面实质上都是组件

3.utils文件夹中主要是写有关一些逻辑的一些函数(不是必须的)

4.再看index文件夹
初识微信小程序
由四部分组成
js文件 json文件 wxml文件 和wxss文件

这四个文件具体什么作用 下个文章再说