基于mpvue搭建一个小程序

大家好，又见面了，我是你们的朋友全栈君。

mpvue是一套定位于开发小程序的前端开发框架，熟悉vue基本语法即可开发，没有原生小程序开发的思维转换

1.安装vue-cli

$ npm install --global vue-cli

2.创建一个基于 mpvue-quickstart 模板的新项目

vue init mpvue/mpvue-quickstart my-project

开始选择题，一路回车也是没问题的

在这里插入图片描述

3.进入项目文件夹安装依赖并启动

cd my-project
npm install
npm run dev

启动成功之后会多出一个dist文件，这个目录里就是生成的小程序相关代码。

4.打开微信开发者工具选择我们搭建好的vue项目

在这里插入图片描述

填写之后跳转到编辑工具页面，mpvue框架项目已经跑起来了

在这里插入图片描述

微信开发者工具不支持vue文件 你可以把微信开发者工具当成chorme浏览器一样来理解,只是一个用户代理(即显示网站用) 用其他开发工具,比如webstorm开发,然后在微信开发者工具中打开编译后的dist目录就行了

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/139270.html原文链接：https://javaforall.cn