它应用的是MINA框架
书写方式跟vue及其的像
http://mp.weixin.qq.com 这是一个微信公众平台,做多媒体运营的话经常会用这个,下方有个查看详情,不要登陆,直接点击,就进入了微信小程序的开发介绍
注册ID:
要弄个小程序,肯定是需要写代码,然后上传,给用户看,得实名认证,需要去注册id,否则是上传不了的,立即注册,选择小程序,选择个人,注册完后,登陆,手机扫描,登陆成功以后,左侧:设置,右侧:开发设置就看到了开发者ID,不需要记住,每次点开了看就可以了,也可以复制出来,便于经常使用
测试:
由于要在不同手机上测试,所以左侧:用户身份里面可以绑定其他用户的微信,用于测试
微信开发者工具:
下载好以后,运行点开小程序项目,ID可以输入也可以暂时不用输入,项目目录:新建以个文件夹 ,起个名字,项目名称跟该名字是一致的,创建quick。。前面选上,它会给一个基本的框架,小程序的模拟器调试统一都选iphone6,为什么?因为小程序本身使用的一个单位是:rpx,而iphone6下,1px = 2rpx
目录树:
默认pages:只有两个页面文件夹,一个叫首页,另一个叫日志页
一个页面是一个文件夹,因为它认为每个页面都有自己的js,wxml,wxss(css)
日志文件夹中包括json:配置文件,它有个特点就是用大括号来包括,理论上讲除过首页可以没有json,每个页面都应该有json
并排的是工具:utilis
首页展现的是什么?
左侧的那个模拟器就是首页,一个按钮还有一个hello world,点击获取头像昵称,就可以跳到日志页
上方菜单栏:界面下有个调试器,就相当于控制台
快捷键:
ctrl + r 刷新模拟器 ctrl + b:重新编译,平时这两个是一样的,但是最好使用ctrl + r
ctrl + shift + w 关闭当前项目