跟着做，零基础也能做出自己的小程序。
前言：独自开发公司第一个小程序，下面把小程序代码框架和开发步骤分享给大家，让大家也可以开发自己第一个小程序。
为什么要学习编程？
我前几天问一个产品经理。
而他给我的答复是：
据说这世上有三种人的思考方式截然不同：律师、程序员和其他。
对我而言，有机会体验程序员那种思维，而且有利于工作，何乐而不为？
我是一名新媒体运营，新媒体运营的工作你知道吧，本质上跟编程沾不上边，我也并非计算机专业出身。
尽管如此，我只花 3 个小时就写出了魅族第一个小程序。
开发小程序并没有你想象中那么难，我很乐意把我学到的东西与你分享。说不定你就因此走上了编程的不归路了呢？
跟着我完成以下步骤，你就可以零基础开发一个小程序了。
▌步骤
1. 申请并注册账号
https://mp.weixin.qq.com/
2. 下载微信 web 开发者工具并安装：
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
3. 复制你小程序的 AppID
（点击图片可以看高清大图）
4. 微信公众号cbwe333 回复关键字【cbwe】，下载模板源代码
5. 打开微信 web 开发者工具，填写第 3 步中的 AppID，项目名称随便写，项目目录点你下载后解压缩的那个文件
6. 点击编译，看到画面出来没有，点击预览，用手机看看效果吧
（点击图片可以看高清大图）
当当当当~你就拥有了第一个小程序的雏形。
▌划重点，DIY 自己的小程序
➀ index.wxml 里的图片组件 [ image ]
scr="图片链接，可以使用任意图片"，参数我都配置好了，你修改这个就好了。
➁ index.js
wx.navigateTo 这个 API 是跳转用的，你最好不要修改。
➂ word.js
wx.previewImage 这个 API 是点击图片可以预览，你把你要需要的图片链接也替换到这个里面。
wx.downloadFile 这个是下载图片。
对了，图片前缀名字要部署到微信小程序后台->设置->开发设置->服务器域名-> 4 个合法域名。比如你的图片前缀是 www.meizu.com，那么你就部署 4 个域名。否则无法下载。
➃ app.json
"魅族" 文字可以修改成你自己的。
这还有一个你无法拒绝的学编程的理由：
我相信 20 年后的某个平行世界中，大学生毕业的标配不是英语四级，是计算机四级。
未来的计算机语言，将会获得像现在英语一样的地位——它既能让你跟不同国籍不同行业的人交流，也能帮你占据信息制高点。
看到这里，你还不想动手试试吗？
如果你有兴趣的话，关注微信号：cbwe333 回复【cbwe】可以获取小程序源代码。
