移动端小白开启--微信小程序入门之路

前言：笔者是一名iOS开发者，该帖适合微信小程序初级入门借鉴。
demo地址：https://github.com/zhanglizzy/WXMiniAPP

一、安装软件：
首先咨询了一下大前端盆友，前期通过微信官方文档下载”微信开发者工具“（https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html
），该工具使用简单，适合调试。对于资深开发者后期使用VSCode的较多。

二、申请账号：
其实跟APP的开发者账号类似，需要获取一个APPID，但是如果不注册使用游客模式也能跑起来，现在微信开放了个人账号申请，提供邮箱注册即可，也是在官方文档里面有步骤指引。

三、启动开发：

开发工具初始界面.png

新建项目界面.png

工程结构.png

1、该工具模拟器、编辑器和调试器集中于一个界面，可视化比较强。如果觉得屏幕大小不够，可点击左上工具栏选择性开启/关闭某功能；
2、代码目录结构：
拿iOS app OC语言MVC设计模式来举例，一个类分.h和.m组成，设计模式又分Model(数据模型)、View(视图控件)、Controller(控制器逻辑管理)。而这里对应的是js（数据逻辑处理）、wxml（类似于html标签定义）、wxss（类似于css样式布局）。其中images文件夹是自定义创建的，用来存储本地图片。app.js：公共js；app.json：对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置底部标签栏 tab 等。

四、快捷键：
Command+S：保存文件（设置了保存即编译后，此快捷键就相当于编译键）
Command+[， Command+]：代码行缩进，相当于tab键；
Command+Shift+[， Command+Shift+]：折叠/打开代码块
Shift+Alt+F：代码格式化
Alt+Up，Alt+Down：上/下移动一行
Command+Shift+Enter：在当前行上方插入一行
Command+Shift+F：全局搜索
Command+F：当前页搜索
Command+i：选中当前行