小程序应用 简单的 代码结构 介绍

1.微信开发者工具要用手机，微信扫码登录，如图:

 

2.我们可以创建两种项目：微信小程序的项目、公众号网页项目。

3.我们选择“小程序项目”，有项目目录、AppID、项目名称，（如果项目目录，填的是一个空目录，他会出现快速启动模板）

 通过这个选项我们可以快速建立一个微信小程序，如图:

 

4.进入到了微信开发者功能界面主要分为四个模块，上面有：工具栏、下面有：模拟器、代码编辑器、调试器。如图：

 

5.微信小程序的目录结构和代码结构：在pages文件夹下 logs文件夹里面的logs.wxml文件下             有:"app.js"、"app.ison"、"app.wxss"、"project.config.json"4个文件。

 

这4个文件的作用就是“注册”“配置”微信小程序全局的配置信息，以及微信小程序全局的样式。

 "project.config.json"保存微信开发者配置信息，当我们重新安装工具或者换电脑时候，我们只需要把这个项目的代码导入就去

 开发者工具就可以了帮我们去恢复这个项目的个性化设置。

"app.js"帮我们的微信小程序去注册一个微信小程序应用。

 "app.ison"帮我们的微信小程序一个全局配置，包括一些网络请求的超时时间，还有一些窗口的表现，各个页面的注册路径。 

 "app.wxss"帮我们去设置微信小程序全局的样式。

 "pages"里面存放的是我们微信小程序所有的小程序页面，每个小程序页面最多由四个文件组成分别是：

  "js文件"、"json文件"、"wxml文件"和"wxss文件"。
     
  "js文件"帮我们去处理微信小程序页面的，逻辑和页面数据交互。
    
  "json文件"帮我们去配置微信小程序页面的，一个配置信息。

  "wxml文件"帮我们去展示小程序页面的，一些元素和内容。

  "wxss文件"帮我们去设置小程序页面，元素的样式。

  "util.is文件"我们会存放一些工具的函数，可以达到代码复用的一个目的。