微信小程序开发之小程序介绍-优快云博客

一小程序的注册

企业资质

注意：没有企业资质的也可以不用申请，可以先练手，但是不能发布

第一种：对已有认证订阅号或者服务号，在公众号后台,小程序=>小程序管理=>添加。

这个好处是不用在进行前期的认证

注意：登陆小程序的入口和微信公众号的入口一样。

下载位置：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

最新版本下载地址 (1.02.1802080)

根据自己的情况下载即可，下载后直接安装即可。

安装完开发工具后，开始运行微信web开发者工具，用手机微信扫描进入。

项目目录：代码存放在本地的位置，这个根据个人情况选择即可。

AppId:通过认证的会有，没有也可以先体验。

项目名称：自己要开发项目的名称。

填完后点击确定即可进入了开发者工具的首页面。重点关注，标记的位

模拟器:模拟手机端的运行，可以模拟各种型号的手机，以及各种网路。

编辑器：编写代码的区域。

调试器：类似于谷歌或者火狐的F12的功能。

视图层：负责展示页面

逻辑层：逻辑处理

数据层：存储数据

├── app.js //小程序的全局逻辑文件

├── app.json //小程序的全局配置

├── app.wxss //小程序的全局样式

├── pages //小程序的页面文件存放文件夹

│ ├── index //index页面

│ │ ├── index.js

│ │ ├── index.wxml

│ │ └── index.wxss

│ └── logs //logs页面

│ ├──logs.js //logs页面的逻辑文件

│ ├──logs.json //logs页面配置文件

│ ├──logs.wxml //logs页面的结构文件 html

│ └──logs.wxss //log页面的样式文件 css

└── utils //公共的js代码

└── util.js

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：


文件必填作用 app.js 是小程序逻辑 app.json 是小程序公共设置 app.wxss 否小程序公共样式表


一个小程序页面由四个文件组成，分别是：文件类型必填作用 js 是页面逻辑 wxml 是页面结构 wxss 否页面样式表 json 否页面配置注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。