这是我参与11月更文挑战的第28天，活动详情查看：2021最后一次更文挑战
首先我们需要下载微信开发者工具，选择对应的版本即可。
新建项目
这里的项目名称和目录自己指定就好，AppID 比较重要，它是小程序的唯一标识，一个小程序的账号对应与一个 AppID 所以这里我们要先去注册一个小程序。
在注册的时候我们输入对应的信息即可，一个邮箱只能对应一个公众号，或是小程序，所以你可能还是需要先创建一个邮箱。在注册完毕后，登录到小程序的后台查看 AppID。下拉最下面有一个设置，点击设置下拉可以看到 AppID。
开发模式就选择小程序，这里可以根据自己的需要选择是否是云开发，上一节也说过这个问题，语言选择 JavaScript 即可。
初始化的一个项目大概就是这样，整体来看，分为三个模块，模拟器，编译器和调试器。这三个模块都是可以收缩的，点击右上角的模块就行。
模拟器适在右上方可以设置模拟的手机型号。
编辑器也就是我们源代码的位置。
调试器可以用来看一个 console log debug 使用，这里有一个 tab 使用的也比较多，就是 AppData 点到这个 tab 我们就可以看到这里页面所有的数据，非常好用。调试器也是用的最多的地方可以用来定位源码位置，就类似与我们浏览器的 F12。
小程序的目录结构
sitemap.json 这个文件对于开发来说没有用，sitemap对搜索引擎非常友好，如果你的网站上产生了新的文件，使用sitemap可以让搜索引擎快速收录，是网站SEO的最常用手段。
project.config.json 这个文件保存的一起项目配置，比方说什么项目名啊 AppID 之类的可以不用管。
app.js / json / wxss 这些都是比较重要的配置了，类似于全局的交互，全局配置文件，全局的样式文件。与之对应的在 pages 目录下面的每一个 page 都有 4 个文件，js json wxml wxss 这些就类似我们前端中的 JS 页面配置，HTML CSS 。
这么一看是不是就简单清晰许多了，wxml 负责页面的骨架，wxss 负责页面的样式，js 负责页面的交互，和后端的交互，json 负责页面的配置。
这里有一点说明一下，我们新建一个页面的顺序是，首先在 pages 目录下新建一个文件夹，名字就是你想新建的 page 名，然后右键文件夹，新建 page 名字还是叫文件名，就像上图中的 index page 一样，先有一个 index 文件夹，再有一套 page 页面（JS json wxml wxss）。
编译模式
说一下小程序的编译模式，我们每次进入小程序或是保存某个页面之后，小程序会自动编译执行，然而这里有一个问题，怎么才能设置直接编译我修改的页面呢，小程序提供了添加编译模式的功能，为什么刚进入小程序的时候，会加载 index 这个页面呢，这是由 app.json 中的 pages 标签的顺序决定的，加如我们想首先编译 logs 这个页面，有两中方式，第一就是修改页面在 pages 标签中的顺序。但是这种方式不推荐，因为我们在开发的时候，希望的是开发到哪个页面，我们就编译哪个页面，这样就需要不断的修改 pages 标签。
另外一种方式就是在开发工具的顶部，点击普通编译，选择添加编译模式来修改页面的编译顺序。
"pages": [
"pages/index/index",
"pages/logs/logs"
],
复制代码总结
到这里为止，我们就介绍了一下小程序的环境搭建过程，后续就是一些具体的开发的方法论了，我认为还是非常有用的，大家持续关注哈