学或不学，知识都在那里，只增不减。
一、从注册开始
注册完成后登陆，就可以创建自己的小程序了，这里不累赘，请按照提示依次填写小程序信息；在填写完成创建小程序后，我们可以得到一个小程序ID，就像每个人的身份证ID是独一无二一样，每个小程序也有独一ID，我们在后期小程序开发工具中会利用此ID开发你的小程序，所以这里需要留意一下这个东西。
二、安装开发者工具
项目名称：项目的名字，取个好听的，最好还是别取中文，这里我就叫demo-wechat。
目录：项目存放目录，这里我就在D盘新建一个空的demo-wechat文件夹存放此项目。
AppID：如果是开发我们创建的小程序这里就需要填写此ID，很明显我们处于学习阶段怎么上手就玩自己的小程序，这里使用测试号。
开发模式：选择小程序。
后端服务：暂时不会用到，选择不使用云服务。
语言：这里我选择JavaScript，如果你习惯typescript，也可以换成此项。
好了，点击创建按钮！正式开启我们第一个小程序。
三、简单了解界面与基本文件
1.界面入门介绍
在编辑器左上角可以看到模拟器、编辑器、调试器三个绿色按钮。它们分别对应了开发者工具的左侧，也就是实时预览区域；右上侧区域，我们日常开发写代码管理项目目录的地方；以及右下侧，调试区域。
再往右边可以看到一个版本管理。如果我们的项目想多人同时开发，开发者工具这点就比较贴心，直接提供了初始化git仓库等功能，便于多人维护。
再往下一栏，可以看到机型模型，网络模拟等选项，这些在谷歌控制台调试移动端使用也比较频繁。
2.文件类型与部分文件说明
除了开发者界面带来的新鲜感，我们也注意到小程序代码中的文件类型大致分为以下四种：
.js：脚本文件，代码逻辑写在这。
.json：静态数据配置文件。
我们根据小程序快速生成的目录结构分别说下不同文件的作用：
app.json---小程序全局配置文件
我们打开app.json文件，可以看到如下代码：
这里开发者工具帮我们快速生成的配置只包含了pages字段与windows字段。
pages字段用于描述小程序所有页面路径，注意，如果你删除了此字段中的某条路径，你得同步删除掉对应的页面文件夹。反之，增加页面也是如此。
这里我将windows字段配置修改了一部分，可以看到小程序界面发生了变化。(感觉挺好看...)
project.config.json---开发者工具配置
此文件用于定义开发者工具的个性化定制，比如界面颜色，编译配置等等。
大家用过npm都知道下载三方库都会生成一个package.json文件，此文件记录了下载过得所有库名与版本信息，如果我们换了电脑，其实不用将之前下载的文件拷贝过去，而是只用拷贝一个package.json再次执行下载就可以复原你需要的三方库。
wxml模板
wxss样式
四、部分注意点
不同环境下小程序线程
2.关于添加页面
pages文件夹下文的页面数量一定得与json中的pages字段数组对应，新增页面推荐做法是直接在pages数组中新增一条页面路径，保存后pages文件夹会自动生成一个新的页面，这样做更加方便和保险。
可以看到新增一条路径，保存后自动新增了文件夹，非常方便。但我们删除pages字段中的某条路径时，文件夹不会自动删除，所以记住手动删除对应文件，保证两者是对应关系。
3.注意json文件写法
1.json文件都是被包裹在{}中，并以key-value方式展示。注意，key一定要加上双引号，没加双引号，或者加了单引号都会报错。
2.其次，json的值只能是数字，字符串(需要加双引号)，布尔值，数组(放在[]中)，对象(放在{}中)，或者null，不支持undefined以及其它数据结构，否则会报错。
3.json文件中无法使用注释，添加任意注释都会引发报错。
那么到这里，我们走完了注册小程序以及开发者工具安装流畅，并简单介绍了开发者工具界面，以及开发涉及的文件类型，以及文件作用，我们成功创建了一个小程序，虽然它很简单。