uni-app开发微信小程序
1. 配置开发环境
uni-app基于Hbuilder、微信开发者工具开发
下载链接： https://www.dcloud.io/
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
全部安装好后，首先配置Hbuilder
文件-新建-项目
3771586942935_.pic_hd.jpg
选择uni-app后填写项目名称，选择文件目录，我这里直接选的默认模版自己开发。
3781586943053_.pic_hd.jpg
填入appid，需要提前在申请好，最好记录在个人电脑内，以免忘记。
3791586943517_.pic_hd.jpg
安装需要的插件 例如编译less、sass、语法校验等，选择工具-插件安装
3871586945792_.pic_hd.jpg
微信开发工具
设置-安全设置
3801586943720_.pic_hd.jpg
开启端口，记录下端口号
3811586943749_.pic.jpg
再转到Hbuilder
选择运行-运行到小程序模拟器-运行设置
3821586943946_.pic_hd.jpg
填写外部web服务器点用URL（端口号是微信开发工具安全设置内的），选择微信开发工具的安装路径
3831586944066_.pic_hd.jpg
全部配置好后，选择运行-运行到小程序模拟器-微信开发者工具，程序会自动调出微信开发工具
3861586944798_.pic_hd.jpg
下篇文章 - 添加路由守卫
网友评论