使用mpvue开发微信小程序(三)

mpvue 介绍

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

mpvue 优势

1.彻底的组件化开发能力：提高代码复用性
2.完整的 Vue.js 开发体验
3.方便的 Vuex 数据管理方案：方便构建复杂应用
4.快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload
5.支持使用 npm 外部依赖
6.使用 Vue.js 命令行工具 vue-cli 快速初始化项目
7.H5 代码转换编译成小程序目标代码的能力

开发过程

（1）通过 Vue.js 命令行工具 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

(2) 接下来，你只需要启动微信开发者工具，引入项目即可预览到你的第一个 mpvue 小程序。
注意引入的是dist文件夹：

image.png