上一节：使用mpvue重构个人小程序（四）全局配置

一、 插件下载

根据项目需求，先加载日历组件，为了不重复造轮子，直接安装。

1

npm i mpvue-calendar

使用mpvue重构个人小程序（三）使用Vue的语法编写

上一节：使用mpvue重构个人小程序（二）文件结构

我们将要对vue-cli生成的代码做一个清理工作，具体如下：

删掉src/components、src/pages、src/utils三个目录下的所有代码文件

提前说一下，微信开发者工具不支持打开vue文件，因为微信开发者工具只是一个用户代理(即显示网站用)，类似Google浏览器一样。所以编写的时候一般会选择一款编辑器，可以使用Sublime、webstorm、vs等。

上一节：使用mpvue重构个人小程序（一）安装

package.json文件

package.json是项目的主配置文件，里面包含了mpvue项目的基本描述信息、项目所依赖的各种第三方库以及版本信息、以及可执行的脚本信息。

mpvue安装

全局安装 vue-cli

1

$ npm install --global vue-cli

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

1

$ vue init mpvue/mpvue-quickstart my-project