微信小程序创建

微信小程序的创建部署

1. 注册小程序账号，获取小程序云开发的AppID（微信小程序）
   
2. 下载微信开发者工具（建议下载稳定版），安装
3. 创建一个小程序项目
   a.创建一个空的文件夹，用来存放项目。
   b.打开开发者工具，新建项目，输入项目名称，目录选择之前创建的文件夹，填写AppID，勾选 “不使用云服务” 然后就有了一个新的小程序
4. 小程序云开发开通
   开通云开发，点击左上角的云开发，开通，就可以看到云开发的控制台
   运营分析：对数据的监控
   数据库：使用的云数据库
   存储：图片、音频、视频等文件存储的地方
   云函数：将要做微信支付的时候就要创建一个云函数然后上传到这里面
   设置：可以看到环境名称和环境ID
5. 小程序结构，各部分基本组成
   a.开发组成：
   wxml：页面结构——html
   wxss：页面样式——css
   js：页面脚本——JavaScript+wxs，要掌握ES部分
   json：页面配置
   b.项目整体一般是由pages，App.js，App.wxss，App.json，还有需要时的components组成，其中小程序的页面都是集中放在pages目录里面，而要调用的组件都是放在components目录，创建页面都是先在pages目录下先创建一个新的目录，然后在这个目录下面右键创建一个同名的page，软件就会自动生成一个page所需要的wxml、wxss、js、json四个文件，components也是一样的。
   
   其中App.js，App.wxss，App.json的作用意义为
   pages的组成和概念是
   components的组成和pages差不多，只是在component.json中设置了"component": true,表示是组件
   
6. App.js，App.wxss，App.json
   1、App.js：onLaun方法是监听App对象的生命周期，chglobalData是存储一些全局数据
   
   2、App.wxss：配置全局的样式
   3、App.json：对小程序页面的注册，设置导航栏，以及显示在导航栏小程序的名字。其中pages是设置小程序每个页面的，而放在最前面的page是打开小程序时显示的页面
   
7. 使用组件
   在index.json里面设置组件名字，然后写入组件路径"c-test":"/components/c-test/c-test"，然后在index.wxml调用组件<c-test/>就可以了