小程序 | mpvue如何启动小程序和各个小程序的配置

今天在做项目的过程中，发现使用npm run dev启动mpvue小程序之后，不知道在页面中如何查看页面。所以又开始了新的一波搜索。

1. 原来我们需要打开package.json，查看scripts对象，我们可以看到dev也就是启动默认是微信模式。

如果想切换其他模式，在dev之后添加：swan,例如：

npm run dev        微信小程序(默认)

npm run dev:swan     百度小程序

npm run dev:tt     头条小程序

npm run dev:my     支付宝小程序

---

2. 那么微信小程序在项目的哪里呢？

是不是感觉跟微信小程序的项目结构和命名似曾相识，那就是它了。

---

3. 如何打开项目并修改代码呢？

（1）打开微信小程序

（2）输入appId，可以在自己的微信小程序后台管理系统中找到自己的appid

 

（3）但是我们不能在这个上面进行修改源码，因为我们是mpvue小程序，而不是用原生开发。

（4）这是mpvue的源码内容，我们在这里进行源码的修改，源码修改之后会进行编译，编译完成以后，我们回到小程序看编译后的内容。

（5）在此处添加内容，例如：

（6）打开小程序查看效果，我们会发现添加的内容已经生效了

这就是mpvue小程序的全过程。