首先,在已有小程序账号和填写完基本信息的前提下,打开微信开发者工具,点击小程序项目然后出现下图所示窗口,在项目目录里填上你所期望的小程序根目录,如果这一栏不填,开发工具会自动添加一个根目录,建议自己设置根目录比较好;AppID填写在小程序微信公众平台开发设置中找的小程序id或者是点击体验后面蓝色的“小程序”;项目名称是传统的helloworld。初学的话建议别勾选下面的建立模板。接着点 确定 。在hellowworld目录下创建helloworld.js,helloworld.json, helloworld.wxml, helloworld.wxss文件。helloworld.js文件是为这个小程序页面注册的文件,和app.js一样,先写一个空的函数Page({})然后在helloworld.json里填入一个空的配置对象{}接着编辑helloworld.wxml文件用来描述该页面内容,写上下面代码 viewHelloWorld/viewhelloworld.wxss文件是用来配置页面内容样式的文件,可以什么都不写,页面内容会以默认方式显示。但这里我们配置一下宽度和高度以及位置 view{width: 100%;height:40rpx;text-align:center;} 页面内容已经配置完成了,现在需要向小程序注册页面的路径。在首页,即直接点编辑器左上角加号创建一个app.json的文件写上如下代码,代码里包含了helloworld页面的路径(从根目录往后的路径) {“pages”:[“pages/helloworld/helloworld”]}最后,点击工具栏的编译按钮,左侧编译器表示如下图。。。。哦耶,第一个小程序诞生
微信小程序学习日志:创建第一个微信小程序
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序学习日志:创建第一个微信小程序
最新评论
好服务,值得信赖
不错的服务
专业小程序开发好文
学到了
好文推荐
好文推荐
好文推荐
666666