mpvue微信小程序动画_mpvue开发微信小程序(环境搭建)

mpvue介绍

mpvue是基于vue开发小程序的前端框架，比如微信小程序，我们就可以用vue的语法做开发，因为mpvue该框架基于vue.js核心，修改了runtime和compiler的实现，使其可以运行在小程序环境中，这为学习前端开发的朋友们去上手开发小程序降低了门槛。

mpvue主要特性

1.彻底的组件化开发能力:提高代码复用性

2.完整的 Vue.js 开发体验

3.方便的 Vuex 数据管理方案：方便构建复杂应用

4.快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload

5.支持使用 npm 外部依赖

6.使用 Vue.js 命令行工具 vue-cli 快速初始化项目

mpvue 环境搭建

1.安装node.js开发环境

2.全局安装vue-cli脚手架，然后基于模板初始化项目，安装依赖，构建# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建基于 mpvue-quickstart 模板的项目

$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖

$ cd my-project

$ npm install

# 启动构建

$ npm run dev

3.打开微信小程序开发工具，导入my-project项目；基础环境就算完成了

mpvue和其它小程序框架对比

对原生微信小程序、mpvue、WePY这三种开发小程序方式的比较 ，如下图：

总结

通过mpvue环境搭建的简单讲解，感兴趣的朋友赶快参与尝试一下吧！相信大家会有所收获的！！！