mpvue构建项目
-
mpvue简介
- 是一个Vue.js开发小程序的前端框架。框架基于Vue.js核心,mpvue修改了Vue.js的runtime和compiler实现,使其可以允许在小程序环境中,从而为小程序开发引入整套Vue.js开发体验。
- 官网: http://mpvue.com/mpvue/quickstart.html
-
快速开始一个项目
# 1. 先检查下 Node.js 是否安装成功
$ node -v
v8.9.0
$ npm -v
5.6.0
# 2. 由于众所周知的原因,可以考虑切换源为 taobao 源
$ npm set registry https://registry.npm.taobao.org/
# 3. 全局安装 vue-cli
# 一般是要 sudo 权限的
$ npm install --global [email protected]
# 4. 创建一个基于 mpvue-quickstart 模板的新项目
# 新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project
# 5. 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev
安装完的目录如下
成功导入微信开发工具目录如下
mpvue是实时编译微信小程序,支持微信小程序的的原生接口和生命周期