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 代码转换编译成小程序目标代码的能力

下载node.js

http://nodejs.org/

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入"npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

$ npm -v

2.3.0

全局安装vue-cli

$ npm install --globalvue-cli

通过 Vue.js 命令行工具 vue-cli，你只需在终端窗口输入几条简单命令，即可快速创建和启动一个带热重载、保存时静态检查、内置代码构建功能的小程序项目：

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

$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖

$cdmy-project

$ npm install

# 启动构建

$ npm run dev