uni-app开发微信小程序 一、配置开发环境

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

下篇文章 - 添加路由守卫

相关文章

一:HBuilder打包https://jingyan.baidu.com/article/e3c78d...
如何将H5和WebApp加壳成apk、ipa  问题:已经做好的纯H5的...
史上最全最实用HBuilder快捷键大全 一、文件操作二、编辑操...
常用模拟器的端口夜神模拟器端口号:62001海马玩模拟器端口号...
---恢复内容开始---     ---恢复内容结束---
http://ask.dcloud.net.cn/question/28090后台自动运行,定期...