Mpvue微信小程序1--初始化

2019-02-13  本文已影响0人  BugMyGod

写在前边的话: 学习微信小程序,做一个基于mpvue的婚礼邀请函微信小程序项目
ps: 项目地址--暂未更新

项目实现功能:
    (1)邀请函展示(首页tab1)
    (2)相册轮播展示(tab2)
    (3)地图导航
    (4)好友祝福
    (5)留言...
一、注册微信小程序账号,并填写小程序相关信息,拿到AppId备用
二、开发工具及框架
三、 根据mpvue教程创建项目

五分钟教程
根据提示完成项目创建,执行npm run dev执行项目,进入开发状态,代码编译 后存放在dist文件夹下;
在vs code中无法查看效果,需要在微信开发者工具中打开项目,运行并查看;
在微信开发者工具中打开创建好的项目,在左边模拟器中即可查看效果,也可以在上方预览扫描二维码在手机查看效果;如图:

image.png
ps: 不要忘记在微信开发者工具的菜单》设置 》编辑设置 中,将“保存时自动编译小程序”勾选上,这样当mpvue的代码自动编译完成后,模拟器才会自动刷新界面。

至此,项目初始化基本完成。

上一篇 下一篇

猜你喜欢

热点阅读