一、注册账号以及下载开发者工具
浏览器搜索"微信公众平台"后:
点击上方图片的小程序选项
点击小程序后,进入页面后会(下拉页面)出现如上页面
点击前往注册(并确保)
注册好之后我们重新进入微信公众平台网站,并由注册好的绑定的微信号扫二维码
进入首页后我们点击红色圈的部分,如上图
点击后出现如上选择,我们选择稳定版就ok了
二、创建项目文件
AppID是你在微信公众平台注册的appid(如下图)
点击上图红圈处自己创建的昵称(点击) 如下图
账号信息里面有自己的appid(我在这就不展示我的了哈~)
填写好appid之后,选择模板
两个大选项(如果用到云开发就选择云开发,建议新手选择不使用云服务!)
我们选择不使用云开发,JavaScript基础模板就ok了,如上图
三、初始化开发者工具里面自动生成的代码
这时所有的代码以及pages里的文件我们都可以不要我们可以自己重新创建自己想要的文件项
如下:
都删除!(包括index文件项和logs文件项)
注意删除后,不要立即保存,我们想让开发者工具不刷新
1.我们先来到app.json文件中
appjson的pages里面的作用:每要创建一个像(index)这种文件项时,必须现在app.json里面的pages中配置一下:
我们以(像创建一个名为:lqj的文件项)为例子:
"pages/lqj/lqj",
写完后我们再看我们的整个结构:
我们会发现我们虽然没有手动的,鼠标右键点击pages文件夹去手动创建lqj文件项,但是我们只要在appjson里面写了:
"pages/lqj/lqj",
这个注册文件项的代码后,就会帮我们自动生成一个lqj文件项并带着四个完成且崭新的.wxml\.js\.wxss\.json文件
此时我们创建好了我们想要的文件项之后,我们会发现下面的控制台里页不报错了(哎~就很nice)
看看上面四个图,人家开发者工具只要看到app.json中的pages中配置好了之后,就自动帮我们初始化所有生成的文件了~
首先我先声明一点,一个完好的网页也好,小程序也好都有三点:
我们以小程序为例子:
1.身体(wxml):wxml比喻成一个项目的身体
2.衣服(wxss):wxss比喻成一个项目的衣服(你见街上那个人不穿衣服,变态除外哈~)
3.动作(js):js比喻成一个项目要做的动作(你看那个完美的小程序不会动?嗯?嗯?嗯?植物程序?是吧!)
四、基础的静态页面开发(wxml)
1.微信小程序的的标签有:
<view></view> :可以在里面写东西,以及嵌套别的标签等
<text></text>:只能在里面写字符串
<image></image>:只能在里面放图片
<button></button>:这是一个点击按钮标签,当我想要实现点击事件时需借助它
<navigator></navigator>:这是一个跳转标签,当我们想要跳转页面时,需借助它
一、<view></view> :可在里里嵌套下面标签
1.嵌套<text></text>
2.嵌套<image></image>
3.嵌套 <button></button>
4.嵌套<navigator></navigator>
二、<text></text>:只能在里面写字符串
举例:
三、<image></image>:只能在里面放图片