来，我们手动创建一个微信小程序项目_微信小程序创建 app.json-CSDN博客

首先，我们用微信小程序工具创建一个新项目，然后资源管理器定位到项目目录下。

微信小程序工具，右键-在资源管理器中显示：

然后，除了project.config.json和sitemap.json其他都删除：

这个时候我们编译程序，就提示错误：

2[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2412050; lib: 3.8.5)

不要惊慌，它要app.json文件，我们给它，在项目下建立此文件即可。

再次编译：

[ app.json.json 文件错误] app.json: Empty file is NOT a valid json file(env: Windows,mp,1.06.2412050; lib: 3.8.5)

json文件不完整，那我们就添加内容

{
  "pages":[]
}

这个时候提示：

Error: onPageNotFound error: page "undefined" is not found.

不用理它，因为我们还没有创建页面。

接下来我们创建app.js ：

在里面打App微信小程序工具会弹出选项给我们选择，选择函数就可以了，然后其他代码就会自动补全，就像下面这样：

App({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    
  },

  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {
    
  },

  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
    
  },

  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})

接下来，我们创建文件夹pages，在此下面再创建文件夹index，然后在文件夹上点右键，创建Page （index），此时，工具给我们自动生成了page的四个文件，.js，.wxml，.wxss，.json。

这时候，app.json里面自动给我们添加了新建page的路径，变成这样了：

{
  "pages": [
    "pages/index/index"
  ]
}

这时候我们再编译程序，看，好了！