使用mpvue框架开发小程序入门系列

附一位前辈的使用mpvue来发小程序的入门教程：https://www.jianshu.com/p/8f779950bfd9

1、必要的开发环境安装：

nodeJS

vue-cli

idea

微信开发者工具

 

2、创建第一个基于mpvue的小程序项目代码

vue init mpvue/mpvue-quickstart miniapp-test

创建成功之后的代码结构：

初始化生成的代码目录中是没有node_modules目录和dist目录的，需要运行 npm install 安装依赖

其中目录src下的文件就是我们即将要撸的代码。

在package.json文件中有以下命令：

运行 npm start 代码生成dist目录

代码编译输出的文件就是mpvue将vue代码转换成了小程序能识别的代码，然后我们用 微信开发者工具 导入dist目录下的文件：

看，我们用vue开发的第一个小程序成功了！