1、打开小程序开发工具,新建mypage文件夹,在文件内新建page,命名为mypage,
2、在mypage同级目录,创建templates文件夹,在文件夹内新建文件。
3、编译运行代码,显示出引入内容,引入成功。
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。如图2-1所示
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如图2-2所示
一个小程序页面由四个文件组成,如图2-3所示
注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。
创建项目启动页,如图2-4所示:
新建一个空白项目,点击 图2-5所示 “+” 创建小程序主体部分的三个文件及pages文件夹,在pages文件夹下新建一个index文件夹,如图2-5所示,选中pages文件夹 右键 新建目录
在index文件夹下创建 index.wxml 、index.wxss 、index.js 、index.json 四个文件。
注:除 顶级 目录文件/文件夹使用 图2-5 中的 “+” 创建外,其他文件创建选中其上级目录文件夹 右键 新建目录/文件
创建好文件后,在app.json中写入:
编辑 index.wxml 文件,此处会用到图片,需在顶级目录创建images文件夹用来存放图片:
模拟器的机型设置为 iPhone6 ,小程序以IPhone6的屏幕尺寸为设计标准,像素使用 rpx 为单位,编辑 index.wxss 文件:
若使小程序呈现 图2-4 的效果,需编写 app.json 文件:
项目出现如图2-6 所示错误:
编写index.js:
启动页面就完成了 ^ _ ^
新建一个page页面和page文件后,发现报错了:
打开search.json后,如下所示
若是没有需要添加的json,就将此json文件删除。在小程序中, 页面的样式表(xxx.wxss)和页面的配置文件(xxx.json)是非必要的 ;
若是有需要添加的内容,添加json内容并保存即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)