首先myvue这个框架是基于vue的,所以最好时要有一些vue的基础功底
1、node.js
先安装Node.js
下载地址:https://nodejs.org/en/download/
2、vue-cli
vue-cli是vue专用的一个脚手架工具,可以用来创建vue项目骨架代码
npm install vue-cli -g
3、微信开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
4、创建一个基于mpvue的小程序项目代码
vue init mpvue/mpvue-quickstart applet-myvue-web
然后会出现一堆的选项,如果不用配置的话就直接一路回车
这样已经形成了一份经过配置的代码了,但是代码还运行不起来,需要安装依赖库
cd applet-myvue-web
npm install
安装完成后,让代码运行起来,进入开发模式:
npm run dev
编译后的代码会在dist目录下:
5、打开微信开发者工具,导入项目(地址直接选到项目地址即可)
6、导入玩项目之后就可以看到对应效果了
大功告成,如此,便完成了一个基于mpvue的微信小程序基本搭建。