mpvue快速上手微信小程序开发
-
1官网
http://mpvue.com/
2简单介绍
美团开发的一个使用 Vue.js 开发小程序的前端框架
基于vue.js(https://cn.vuejs.org/index.html)
github star数目 15859
3快速上手
全局安装vue-cli
$ npm install --global vue-cli@2.9 创建一个基于 mpvue-quickstart 模板的新项目*
新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project
安装依赖
npm install 运行项目
$ npm run dev
微信开发者工具下载
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
目录选择
my-project/dist/wx
运行效果
4简单原理
用vue编写一个界面
npm run dev后
代码编译映射成小程序的语言
-
感觉很方便啊!
-
这个太好了,可惜去年的小程序比赛不让用,也就没看.
-
@zhaoyonghui 不让用是啥意思,只能用原生开发吗
-
@zdw dei
-
哇真的实用,感谢分享!用惯vue了用原生写起来真难受
-
@xiaoyu 哈哈哈,谁说不是呢