微信小程序开发工具安装使用和认识

一、微信小程序和普通H5的区别

1. 微信小程序没有DOM,BOM的API，只能使用EcmaScript核心 部分（数组，字符串方法，for,if…）
2. 微信小程序js逻辑和视图处理是分开独立运行的，性能比较好，而普通H5是单线程的，容易导致代码阻塞

二、微信小程序的帐号注册及开发流程

1.微信小程序的注册

注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1&token=&lang=zh_CN

按照连接地址给出的提示进行注册

2、微信小程序登录：

https://mp.weixin.qq.com/


登录后：找到开发-开发管理-开发设置-开发者ID

AppID(小程序ID)	wxb61621e772a9f027

3、开发和发布流程

开发->提交->审核->发布上线

三、小程序环境搭建与目录结构

1.微信开发者工具的下载与安装

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2、使用微信开发者工具创建小程序项目并运行
这的AppID就是上面步骤的id：找到开发-开发管理-开发设置-开发者ID

四、手机运行测试

点击微信开发者工具--预览按钮（二维码预览和自动预览）

真机调试：通过开发者工具控制台来实时的高度真机上的项目

五、小程序目录结构分析与说明

1.app.js:小程序的入口文件 相当于vue中的main.js
2.app.json:是小程序的全局配置文件，即如果没配置页面json，会自动使用app.json中的配置
3.app.wxss:是小程序的全局css样式文件,会影响到所有小程序页面的样式
4.了解 project.config.json：是开发者工具环境配置项
5.了解 sitemap.json：是不允许小程序蜘蛛索引页面
6.pages:咱们平时干活常用的目录  相当于vue上的src
		7.index
			 （1） index.wxml:即页面的结构  相当于html
			 （2）index.wxss:即页面的样式  相当于css
			 （3） index.js:即页面的逻辑部分 
			 （4）index.json:即页面的配置文件

8.utils:存放常用工具函数的目录,方便复用


问题：小程序如何创建一个新的页面？

新建页面目录--在目录上右键--选择新建page并输入文件名并回车