学会快速搭建基于mpVue的小程序前端框架

搭建mpVue框架

一、介绍

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

1、全局搭建vue-cli脚手架：

npm install --global vue-cli

2、创建一个mpVue的项目，项目名称叫做my-project

vue init mpvue/mpvue-quickstart my-project

3、进入项目

cd my-project

4、安装依赖

npm install

5、启动构建

npm run dev

二、框架原理：

• mpvue 保留了 vue.runtime 核心方法，无缝继承了 Vue.js 的基础能力
• mpvue-template-compiler 提供了将 vue 的模板语法转换到小程序的 wxml 语法的能力
• 修改了 vue 的建构配置，使之构建出符合小程序项目结构的代码格式： json/wxml/wxss/js 文件
  
  [^官网链接:] http://mpvue.com/mpvue/