微信小程序开发--初步学习创建项目

微信官方文档[https://developers.weixin.qq.com/doc/]，选择 小程序点击进入：

一、准备工作

1、点击小程序注册页，注册一个小程序账号。 2、注册过程中需要很多认证，有很多认证，比较繁琐 3、注册完账号，登录，在主页面左边列表中点击设置，然后再设置页面中选开发设置就可以看到AppID，用于登录开发工具。AppID在创建项目时可使用测试号，会提供

二、开发工具

到官网工具里下载微信开发者工具：

三、开始项目

打开微信开发者工具 --> 左上角项目 --> 新建项目 --> 选择小程序 --> 输入需要的内容 --> 点击新建

四：介绍项目构成

1、框架

先看下一目录：

app.js:小程序逻辑，生命周期，，全局变量。

app.json:小程序公共设置，导航栏颜色等，不可以注释。

app.wxss :小程序公共样式，类CSS。

小程序页面构成：

页面构成：

每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。

微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的第一个页面是小程序的首页。

路径：

这四个文件按照功能可以分成三个部分：

配置：json文件；

逻辑层：js文件；

视图层：wxss.wxml文件； – 类html文件

在iOS上，小程序的javascript代码是运行在JavaScriptCore中；

在Android上，小程序的javascript代码是通过X5内核来解析；

在开发工具上，小程序的javascript代码是运行在nwjs（chrome内核）中。所以开发工具上的效果跟实际效果有所出入。