微信小程序开发（二）

原创

于 2019-04-13 10:27:09 发布 · 689 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Android #微信小程序 #MPVue #visual studio code

本文详细介绍了使用MPVue框架开发微信小程序的全过程，包括环境搭建、项目初始化、依赖安装及代码编译等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发流程

上一篇已经部署好需要的开发工具和环境了，这篇就以一个demo来说明编写代码和编译的流程。

首先打开MPVue官方五分钟上手文档，然后照着文档里面一步一步来,检查那些这里就不试了，这里直接建一个demo。

我们这里要建立一个工程名为demo的项目，打开cmd命令，然后输入如下命令：

vue init mpvue/mpvue-quickstart demo

稍等片刻就会帮我们构建一个demo的项目，这时候要输入

项目的名字，输入demo
输入小程序的appid,因为这里是测试不是真项目，不填直接回车
项目描述不填，回车
开发者，作者不填，回车
Vue build 回车
使用Vuex?这里不使用，填写N然后回车
使用ESLint检查代码格式和语法，为了减少麻烦，这里填写N然后回车
最后回车构建demo项目，vue-cli会先从远程的代码仓库中下载了一份注册名为mpvue/mpvue-demo的模板代码，然后根据开发者在命令行提示过程中输入的信息，生成一份经过配置后的代码。

? Project name demo
? wxmp appid touristappid
? Project description A Mpvue project
? Author Administrator <840575468@qq.com>
? Vue build runtime
? Use Vuex? No
? Use ESLint to lint your code? No
? 小程序测试，敬请关注最新微信开发者工具的“测试报告”功能