mpvue是前端的微信小程序恽但炎杰和vue.js结合起来使用的一种框架,使用vue.js的语法。可以使用npm工具进行下载运行。下面利用实例说明如何安装配置mpvue,操作如下:
工具/原料
HBuilder
mpvue
微信小程序
vue.js
cmd
npm
微信小程序开发工具
截图工具
浏览器
方法/步骤
1、第一步,在电脑的F盘新建一个文件夹weixin,然后打开cmd窗口将路径切换到weixin评鲦易纪文件目录下,如下图所示:
2、第二步,使用npm工具安装vue脚手架工具,直接输入npminstall命令,如下图所示:
3、第三步,然后使用npm初始化和下载项目框架,使用vueinit命令,如下图所示:
4、第四步,接着将路径切换到新建的项目目录下,使用cd命令切换,如下图所示:
5、第五步,由于这个项目需要依赖很多的模块,所以需要安装使用的模块,如下图所示:
6、第六步,安装完模块之后,输入npmrundev命令运行项目,然后根据提示在浏览器查看效侈砉齿垃果,如下图所示: