他们都说小程序很简单,很快入手。我就试着看了下,其实不然,小程序还是有点东西在里面,特别是对于我这种前端特渣的,遇到前端四肢无力,头晕目涨,无疑是个天坑。故在这里和大家分享下开发小程序的学习过程。
先交代下当前知识储备背景。当前我们使用基本的html 标签。能阅读简单的js代码。写js 代码基本靠百度 or Google。懂点后台姿势 :)。当然如果这些你都不懂,没关系,之前我浏览过小程序开发文档,官方认为可以从零开始。当然路线也会有点曲折。(我就是看了这条,现在头铁来撞下南墙)
闲话少说,开始正文。
第一步。打开微信开发文档*载下** 小程序开发工具。https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 。
第二步,可以直接注册一个小程序开发账号,获取到 app id. 。个人号很多功能较少,权限高的账号需要认证公司。不过我们可以去申请一个测试 app id. 地址: https://developers.weixin.qq.com/sandbox 。这里我当时去获取的时候,遇到一个小坑,直接用微信登录这个页面是没有app id 的,显示未空,我们需要回到 社区,然后在社区登录,再跳转到这个页面,才会给我们刷出这个 app id.
第三步。打开我们第一步*载下**的微信开发工具。全中文,界面还是挺友好的,这个工具需要我们 微信扫码登录。配置项目路径,贴上我们第二步获取的app id。点击 导入 便正式开始了。

完成这三步,我们的开发环境便配置成功,可以看到下面这样的界面

左边是真机模拟器,官方推荐选择iPhone6进行模拟开发。
中间就是我们的文件目录.
右边是代码编辑窗口。
右边下面是控制台,用于我们开发时候的调试。
到这里我们就完成了小程序的开发环境的搭建。不用像其他诸如C,Python,java之类的配置一大堆环境。这些工作微信开发工具都帮我们做了。
好,我们就先到这里。下次我们继续