Skip to content

baihuirong/mpvue-demo

Repository files navigation

mpvue-learning

a demo for learning mpvue framework
一个用mpvue框架的学习demo

说明

前端新手,欢迎多多提意见
如果你喜欢对这个项目感兴趣,可以点“Star”支持一下~谢谢!^_^

效果展示

display

工程页面

display display

Mpvue是什么?

Mpvue是一个基于VUE的微信小程序前端框架,可以让我们用vue语法来写小程序的项目。

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

官网

Mpvue是哪个公司的?

美团旗下产品

Mpvue未来的目标?

在未来最理想的状态是,可以一套代码可以直接跑在多端:WEB、小程序、Native

创建Mpvue的项目?

快速开始

步骤

1.必须安装node.js

2.安装vue脚手架npm install --global vue-cli / cnpm install --global vue-cli

3.创建项目 找到项目目录运行命令: vue init mpvue/mpvue-quikstart mympvue01

4.cd到项目里面安装依赖

5.cnpm install/npm install

6.npm run dev就可以把创建的vue项目转化成小程序的项目

mympvue01

A Mpvue project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.