很久没更新了，我干嘛去了，问就是公司上班忙起来了（bushi），那么，小程序账号注册和微信开发者工具就不再赘述了，网上一搜一大片，我们直接进入正题

如何开启一个新的小程序？

微信开发者工具的创建小程序页面

使用微信开发者工具进行创建吧，AppID是可以在小程序后台自行获取的，微信有云开发，但是我们是出于学习的目的所以这次尝试自行开发，开发语言有JS与TS两种，本次项目采用JS开发，后续会加更TS的项目实装。

• 创建好的小程序会在你的本地目录下自行生成，如果之后想要在其他地方协同开发请务必使用git版本化管理工具

小程序目录结构

小程序里没有传统的BOM，DOM，HTML等内容，是一套新的东西，主要有：

大体上有这些结构

• pages下的是页面目录，一个文件夹就代表了一个页面，而其子目录比如index下则是有
• index.js，页面入口文件
• index.json， 页面配置
• index.wxml，页面内容
• index.wxss，页面样式

这里面的文件写法可能有所不一，后续会仔细安排详细教学

• static文件夹下面则是静态文件，比如icon，项目所述的静态资源等等

• utils还是万变不离其宗的工具类，用于封装方法用于其他页面的使用

• app.js是整个项目的全局入口文件

• app.json则是全局配置

  
  位于app.json中的路由配置

• app.wxss那就很显然的是全局样式了

关于app.json的一些关注点

配置项

• pages
  在这里直接写入对应的page目录保存后就会自动生成上面的那种目录类型
• window
  窗口的样式，比如背景色，导航栏颜色，标题，文本色等等
• tabBar
  底部导航list数组，每一项都是一个配置项
  1.pagePath：导航路由
  2.text：内容
  3.iconPath：导航的图标
  4.selectedIconPath：选中时的图标

好，下一章是小程序的生命周期，适时更新