经过跟小伙伴的讨论,对于不是专业开发的小伙伴们来说,如果通过看官网自己去摸索如何开始一个微信小程序的开发,大概半分钟就放弃治疗了吧(笑),而且加上微信官网对于这个开发步骤的描述其实对于小白并不是特别友好(微信不要打我,看在我在写小程序开发的文章的份上.....),我们还是一起从最最基础开始,方便有兴趣的小伙伴们感受编程的快乐(不知觉的摸了下自己的头发,笑)。
首先准备好我们开发的工具-------电脑!咳咳,错了,微信开发者工具(什么,你没电脑还想开发)。接下来的过程可能有点流水线,那么,开始
步骤:
1.登录微信小程序开发文档官网,https://developers.weixin.qq.com/miniprogram/dev/framework/,,,,微信开放文档,然后
步骤1
这里选择稳定版本下载(你也可以选择开发版本或者预发布版本,但我敢赌5毛你是个喜欢挑战的宝宝)。
2.打开下好的开发者工具,不出意外的话是如下的样子
开发者工具
这里选择小程序,想选择小游戏的小盆友,出门左转隔壁小游戏开发教程,至于代码片段跟公众号网页暂时先不管,然后选择点击+这个选项([+]这么大一个图片你不要跟我说你看不到哦)后,应该就是👇这样的了
哈哈
这里项目名称就填你想起的名称,目录选择你要存放工程的位置,至于appid如果你申请了微信小程序开发的账号的话可以填,如果你只是想测试玩下的话这里点击测试号就可以了,之后开发工具就会为你创建好一个基本的目录啦(简直方便,你看看隔壁开发java的,配置了一天还未必成功,想吃屎的心都有了),如果一切顺利的话,那么应该可以看到这样一个目录
目录
3.好了,再看看目录左边,现在是不是可以看到这样一个页面
嗨起来
没错,尖叫吧小白们,你们的第一个程序hello world终于诞生了。等等.......尼玛逗我呢,我都没写任何一行代码,这算哪门子第一个程序,况且我都没看到它运行的过程。其实是微信贴心(这也太贴心了吧,起码应该留句hello world给我写写装装x?)的帮你把这些都完成了,那么真的很不过瘾,所以我们来改改这上面的东西吧(这里说明下,正常情况页面应该展示你的头像跟名称,为啥我这里显示的是测试呢,因为我不能泄露我的个人隐私,我是一个有偶像包袱的人,笑)
不管三七二十一,咱们先来过把瘾,选择index文件夹下index.js文件,👇
嘻嘻
这里,把hello world改成任一你想展示的文字,然后点击👇这个按钮
略略
是不是变成你改的文字了,有没有很激动!(老实讲,现在我这把老骨头肯定是激动不起来了,但是我人生第一次写第一个程序并运行成功看到hello world时真的有感觉到这个世界多么神奇,再次笑)
那么,关于入门的这篇咱们先走到这里,下一篇我们正式从代码层面聊下小程序的开发,撒有哪啦~
网友评论