先来谢个罪。鸽了好久了,转眼间马上又过年了,先提前祝大家在己亥猪年:
前端后端双合拍,事业学业两开花!
写这篇文章是因为被催更了希望通过我自己的学习历程来指引一下微信小程序开发的初学者,希望这篇教程能够帮助你度过迷茫的初学阶段。
持续更新中… - 2019/02/03
简介
- 微信小程序是一个APP吗? - 不是。
- 上手小程序开发难吗? - 不难。
- 开发出小程序就可以省掉APP开发吗? - emmm…或许吧。
工作原理
微信小程序的运行是在微信APP的基础之上的,在微信APP中,集成了微信小程序的框架(MINA)。当我们去运行小程序的时候,APP做的事情就是下载该小程序打包后的代码,然后在运行环境中运行这个小程序。
小程序接口的功能实现都是在微信APP中实现的,它并不能脱离微信而运行。但是基于微信或许正是它最大的好处吧。
* 该部分参考自CSDN文章
开发语言
那么在开发的时候,小程序是Web前后端的模式。前端的View层上,小程序使用WXML
(类似HTML
)来编写页面结构,使用WXSS
(类似CSS
)作为样式表语言、WXS
(和JS
不一样)可以配合WXML
构建页面结构;在前端逻辑层,小程序使用的是JavaScript
。至于后端,开发者可以选择自己喜欢的方式:Node.js
、PHP
…
上手指南
开发环境搭建
唯一官方指定IDE - 微信web开发者工具
推荐使用编辑器:Visual Studio Code
VS Code配套插件:Easy WXLESS
,ESLint
,vscode weapp api
,vscode wxml
,vscode-wechat
。UI美化:vscode-icons
,One Dark Pro
。WePY相关:wepy snippets
,wpy-beautify
可选的一款强大的IDE:WebStorm
在我自己的开发日常中,微信开发者工具主要用来调试(和Chrome的F12差不多)。写代码的时候使用的是VS Code,写好Ctrl + K + S
保存之后就切回开发者工具调试(真机调试也是在开发者工具里面打开)。至于WebStorm,体积有点庞大,启动很慢,而且没有官方的微信小程序支持,所以我没有用它来作为开发用的编辑器。(在写其他网站的时候用这款IDE的Deploy工具还是很舒服的)