开发环境
微信开发者工具版本：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
