第一步，基于mpvue-quickstart模板创建新项目
vue init mpvue/mpvue-quickstart my-project
第二步，安装依赖和运行
cd my-project
cnpm install
npm run dev
第三步，用WebStorm打开项目删除无关内容
image.png
输入命令，
npm run dev:wx
用微信开发者工具打开dist目录下的wx文件夹
image.png
运行的效果
image.png
至此，我们第一个mpvue的微信小程序项目已经可以运行了。
注意：npm run dev:wx是打包微信小程序，同理npm run dev:my就是支付宝小程序。（swan：百度，tt：头条）
搭建mpvue脚手架 第一步，基于mpvue-quickstart模板创建新项目 第二步，安装依赖和运行 第三步，...
一、Mpvue介绍 一款基于Vue的微信小程序的前端框架 二、搭建项目 安装nodeJS 安装脚手架 创建项目 c...
写在前边的话： 学习微信小程序，做一个基于mpvue的婚礼邀请函微信小程序项目ps: 项目地址--暂未更新 一、注...
mpvue 介绍 mpvue是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvu...
最近公司项目在做微信小程序我是用mpvue开发的微信小程序，因为时间太紧急，所以关于节流方面的没有过多考虑，所以最...
之前接触了一段时间的小程序，用的都是本身微信小程序自身的那套wxml进行开发。今天用mpvue搭建起框架尝试着进行...
如果你不想自己搭建服务器，可以直接用微信提供的即可，跳过本篇即可，查看基于mpvue的微信小程序全栈保姆式教程二即...
Mpvue是一个基于Vue的微信小程序前端框架,可以让我们用vue的语法写小程序的项目。 1,检查node是否安装...
最近在研究MPVue来写小程序，所以也相对会遇到很多的坑 问题：在进行MPVue开发微信小程序的时候，底部菜单栏图...
微信小程序开发的方式： 方式1： 框架：使用mpvue框架开发（文档链接http://mpvue.com） 开发工...
本文标题：mpvue 微信小程序项目搭建
本文链接：https://www.haomeiwen.com/subject/rzdractx.html
网友评论