微信小程序前端框架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项目；基础环境就算完成了

注：微信web开发者工具wechat_devtools下载  ，百度搜索微信开发工具直接下载即可；

mpvue和其它小程序框架对比

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

总结

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