跟着做,零基础也能做出自己的小程序

jk 1年前 ⋅ 4102 阅读

源于:今日头条(查看原文)
跟着做,零基础也能做出自己的小程序

为什么要学习编程?

我前几天问一个产品经理。

而他给我的答复是:

据说这世上有三种人的思考方式截然不同:律师、程序员和其他。

对我而言,有机会体验程序员那种思维,而且有利于工作,何乐而不为?

我是一名新媒体运营,新媒体运营的工作你知道吧,本质上跟编程沾不上边,我也并非计算机专业出身。

尽管如此,我只花 3 个小时就写出了魅族第一个小程序。

开发小程序并没有你想象中那么难,我很乐意把我学到的东西与你分享。说不定你就因此走上了编程的不归路了呢?

跟着我完成以下步骤,你就可以零基础开发一个小程序了。

▌步骤

1. 申请并注册账号

https://mp.weixin.qq.com/

2. 下载微信 web 开发者工具并安装:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

3. 复制你小程序的 AppID

跟着做,零基础也能做出自己的小程序

4. 回复关键字【cbwe】,下载模板源代码

5. 打开微信 web 开发者工具,填写第 3 步中的 AppID,项目名称随便写,项目目录点你下载后解压缩的那个文件

跟着做,零基础也能做出自己的小程序

6. 点击编译,看到画面出来没有,点击预览,用手机看看效果吧

跟着做,零基础也能做出自己的小程序

当当当当~你就拥有了第一个小程序的雏形。

▌划重点,DIY 自己的小程序

➀ index.wxml 里的图片组件 [ image ]

scr="图片链接,可以使用任意图片",参数我都配置好了,你修改这个就好了。

➁ index.js

wx.navigateTo 这个 API 是跳转用的,你最好不要修改。

➂ word.js

wx.downloadFile 这个是下载图片。

对了,图片前缀名字要部署到微信小程序后台->设置->开发设置->服务器域名-> 4 个合法域名。比如你的图片前缀是 www.meizu.com,那么你就部署 4 个域名。否则无法下载。

➃ app.json

"魅族" 文字可以修改成你自己的。

OK,这个就是小程序的样子了,你自己也可以做成这样的。

▼▼▼

这还有一个你无法拒绝的学编程的理由:

我相信 20 年后的某个平行世界中,大学生毕业的标配不是英语四级,是计算机四级。

未来的计算机语言,将会获得像现在英语一样的地位——它既能让你跟不同国籍不同行业的人交流,也能帮你占据信息制高点。

看到这里,你还不想动手试试吗?

跟着做,零基础也能做出自己的小程序

笔戈科技

感觉自己棒棒哒!


全部评论: 0

    我有话说: