Aaron微信小程序开发日记2:mpvue初始体验

写在前面：

在开发之前，确保开发环境已经构建好。请转到上一节。

mpvue官方文件：

1、 创建mpvue小程序项目

这里使用vue-cli脚手架构建目录

vue init mpvue/mpvue快速启动myDelivery

形象

形象

默认情况下，您可以输入所有命令，然后输入项目目录

形象

打开目录中的命令行工具，输入cnpm i或npm i以安装依赖项

形象

安装依赖项后，输入npm run dev运行项目

形象

然后打开下载的微信开发者工具和mydelivery目录

形象

形象

形象

这样，微信小程序在开发工具中运行。但是，我们不使用它自己的编辑器。因为我们使用mpvue进行开发，所以我们使用vscode或其他开发工具来打开项目文件。

形象

记得在微信开发者工具菜单>设置的编辑设置中选中“保存时自动编译小程序”，这样当mpvue代码自动编译时，模拟器将自动刷新界面。

形象

到目前为止，第一个基于mpvue的小程序已经创建。mpvue的详细用法将在下面的文章中逐步解释。