草珊瑚的小程序云开发指南（2020年10月版）

开发环境

微信开发者工具版本：RC 1.03.2009301

项目初始化

生成小程序空模板

当前微信开发者工具没有提供空模板，需要我们手动修改生成的默认模板。
小程序·云开发类型项目的目录结构如下

项目目录结构
手动删除miniprogram下面的components,images,pages,style目录。
修改app.json内容如下，然后保存。

{
  "pages": [
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云开发 QuickStart",
    "navigationBarTextStyle": "black"
  },
  "sitemapLocation": "sitemap.json",
  "style": "v2"
}

再修改app.json内容如下，然后保存。

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云开发 QuickStart",
    "navigationBarTextStyle": "black"
  },
  "sitemapLocation": "sitemap.json",
  "style": "v2"
}

这是开发者工具会自动生成pages/index目录，IDE控制台也不会报错。
引入第三方UI组件库vant可参考：https://vant-contrib.gitee.io/vant-weapp/#/quickstart