美文网首页
weixinxiaochengxu

weixinxiaochengxu

作者: 要加油啊小和尚 | 来源:发表于2017-12-24 21:07 被阅读0次

它应用的是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

    它应用的是MINA框架 书写方式跟vue及其的像 http://mp.weixin.qq.com 这是一个微信公众...

  • 小帅一点资讯小程序源码

    小帅一点资讯小程序源码 https://gitee.com/xshuai/weixinxiaochengxu 完全...

  • 微信小程序开发入门

    什么是小程序 微信小程序(weixinxiaochengxu),简称小程序,是一种不需要下载安装即可使用的应用,它...

网友评论

      本文标题:weixinxiaochengxu

      本文链接:https://www.haomeiwen.com/subject/hxxhgxtx.html