微信小程序开发入门教程(一)

背景

作为一个程序猿需要不断的充实自己,不仅要追求知识的深度,也要追求知识的广度,我也一直在这条路上践行,主要学习会让我变得专注,我非常喜欢这样的感觉,学习微信小程序开发也是兴趣使然,希望拿微信小程序做一些小工具。微信平台提供了很多能力,也进行了很多的优化,相较于传统的移动开发需要兼容Android和iOS两大平台,开发周期较长,维护难度大,微信小程序一套代码能够运行于两大平台,而且微信小程序开发效率高,周期短,很多应用会在微信小程序上先试验新的业务和功能,成熟后为了追求更好的性能再原生化。话不多说,还是让我们开启微信小程序的学习之路。

开始

开发小程序的第一步,你需要拥有一个小程序账号,通过这个账号你就可以管理你的小程序。可以通过
小程序注册页面注册自己的微信小程序。

除此之外之外,微信团队还提供了一个管理平台管理小程序,在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

工欲善其事 必先利其器,微信团队提供了微信小程序的 开发工具
打开小程序开发者工具,用微信扫码登录开发者工具,就可以准备开发小程序了。

Hello World

新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目),点击新建,选择JavaScript模版,就得到了第一个小程序了。点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。真机调试就可以在手机上调试程序,与此同时还会启动一个调试面板显示页面的实时信息,可以很方便地排查页面问题。

与此同时真机调试还会启动一个调试面板显示页面的实时信息,可以很方便地排查页面问题。

最后

有兴趣或有任何问题可以关注微信公众号QStack,会不定期分享一些文章和学习资源。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值