1.首先下载,微信开发这工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 下载后直接运行无特殊要求,打开开发者工具会显示二维码,微信扫一下即可。
2.ide(工具)正式打开,点击项目,之后新建项目。
3.微信开发真工具指南,参考官方链接https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
4.创建一个简单的例子:images目录存放图片,pages为主目录,index为分目录,每个分目录下有技术文件,wxml文件(相当于html文件,wxss文件相当于css文件),app.js文件,app.json文件,app.wxss文件为全局文件。注意:1.每创建一个js文件需要在js文件内部写一个Page({})函数(app.js除外),不然会报错:pages/index/index" has not been registered yet. 2.分目录下的内容需要注册到app.json文件,不然会报错:VM349:1 undefined
Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[', got INVALID
1 | // {
2 | // "pages": [
3 | // "pages/index/index"
4.在index.wsml中编写内容,注意:每次编写内容后crtl+s 保存,系统就自动运行,点击模拟器模拟。
5.内容出现,但样式不对,须在wxss中编辑样式和css类似,css内容参考https://www.runoob.com/cssref/css-reference.html。注意:项目问题请查阅参数rpx于px。欲知后事如何,且听下回分解(码字太多了。。。)