第一个微信小程序 hello world!
因为项目需要开始学习微信小程序了……
1、建立一个微信小程序项目
如图,建立一个名为hello world的小程序项目(注意这里没有勾选建立快速启动模板,AppID需要自行注册)
2、建立根目录下文件
进入后软件截图如下
在根目录下建立app.json app.js app.wxss三个文件
(app.js——小程序逻辑文件,app.json——小程序配置文件,app.wxss——全局公共样式文件)
(此时仍有报错,忽略)
3、建立页面文件
在根目录下建立pages目录,pages文件夹下建立welcome目录。
welcome目录下放置welcome.js,welcome.wxml,welcome.wxss,welcome.json四个文件。
(.js相当于前端编程中JavaScript文件,.wxml相当于html文件,.wxss相当于css文件,.json用来配置页面样式与行为)
(有报错,先忽略)
4、编辑要显示的文本
打开welcome.wxml,输入Hello World!
5、编辑app.json
{
"pages":[
"pages/welcome/welcome"
]
}
第一个pages代表一个数组,数组内为要注册的页面
可以注册多个页面
"pages/welcome/welcome"为要注册的页面路径
(可以注册多个页面,每个页面路径后加,结尾)
6、编辑welcome.js
welcome.js页面需不可空白,因为helloworld项目不需要JavaScript代码,所以在该页面我们只需要写上
page({
})
7、编辑welcome.json
welcome.json与welcome.js同样不可空白,所以这里写上
{
}
完成以上步骤之后,模拟器上就能显示出Hello World!了
End