weixinxiaochengxu

它应用的是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 关闭当前项目

你可能感兴趣的:(weixinxiaochengxu)