基于mpvue搭建一个小程序

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

1.安装vue-cli

$ npm install --global vue-cli

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

vue init mpvue/mpvue-quickstart my-project

开始选择题,一路回车也是没问题的
基于mpvue搭建一个小程序

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

cd my-project
npm install
npm run dev

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

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

基于mpvue搭建一个小程序
填写之后跳转到编辑工具页面,mpvue框架项目已经跑起来了
基于mpvue搭建一个小程序
微信开发者工具不支持vue文件
你可以把微信开发者工具当成chorme浏览器一样来理解,只是一个用户代理(即显示网站用)
用其他开发工具,比如webstorm开发,然后在微信开发者工具中打开编译后的dist目录就行了