mpvue初体验+填坑

mpvue （github 地址请参见）是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

• mp：mini program 的缩写
• mpvue：Vue.js in mini program

首先根据官方文档，下载初始化mpvue模板， 在此之前，确保安装了nodejs， npm 以及vue-cli

$ vue init mpvue/mpvue-quickstart my-project

接下来安装依赖，安装完成后启动项目，

$ cd my-project
$ npm install
$ npm run dev

如果安装出错，可以尝试淘宝镜像

$ npm set registry https://registry.npm.taobao.org/

运行成功后，本地目录会出现一个dist目录，那里面就是生成的小程序项目。

接下来就是mpvue项目配置，我习惯使用sass来写css样式，所以第一步就是安装sass依赖

$ npm isntall node-sass
$ npm install sass-loader

安装完成后就可以愉快的使用sass了

接下来尝试了一下微信小程序原生的api，测试基本都通过了，唯一的一个飘红是因为微信基础库版本不稳定，换个稳定版就好了。

 

还有一个坑就是在mpvue中新增页面时需要重新npm run dev，有时候改了一个js文件也会莫名飘红，需要重新npm run dev才行。

整体感觉不错。