一、前言
小程序目前主流的开发框架有mpvue 和wepy 两种,由于wepy是腾讯自己开发的框架,所以先来简单了解一下wepy。
wepy的作用主要是提高开发者的开发效率,采用了类似使用了vue的代码书写风格, 结合使用webwack提供的多种插件,开发者可以熟练的上手小程序开发,但再开发过程中还有有很多与vue的不同需要注意。(ps:wepy官网传送门:https://tencent.github.io/wepy/document.html#/)
二、开发工具环境准备
1、开发工具准备
webStorm(前端开发神器)下载传送门:https://www.jetbrains.com/webstorm/?fromMenu
微信开发者工具 (主要用来模拟手机,查看效果,敲代码还是在webStorm里面)下载传送门:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19012314
2、开发坏境准备
node安装 以及npm包管理 (现在的node环境已经集成了npm,无需单独下载npm了)下载转送门:https://nodejs.org/zh-cn/
全局安装wepy-cli命令
npm install wepy-cli -g
三、体验一把,这是github上的一个项目,具体怎么运行看说明书
github地址:https://github.com/coolhwm/leshare-shop-wepy.git
运行好了之后,需要看效果,打开微信开发者工具,选择路径项目根目录里面的dist文件夹
四、个人小程序demo 老帖们可以扫扫看效果