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

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

项目实现功能：
    （1）邀请函展示（首页tab1）
    （2）相册轮播展示（tab2）
    （3）地图导航
    （4）好友祝福
    （5）留言...

一、注册微信小程序账号，并填写小程序相关信息，拿到AppId备用

二、开发工具及框架

• 微信开发者工具
• VSCode
• MpVue + iView Weapp
• 待补充...

三、 根据mpvue教程创建项目

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

image.png

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

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