UNIAPP day_00(8.29) 准备运行环境

发布于:2022-12-19 ⋅ 阅读:(589) ⋅ 点赞:(0)

uniapp安装使用文档

注意事项:所有软件安装路径不要有中文和特殊符号、关闭防火墙、关闭杀毒软件并不是说有中文路径、不关闭防火墙和杀毒软件就一定不行,但是有隐患存在,在前期直接避免掉
百度网盘链接 提取码:1234
nodejs
hbuilderx
夜神
逍遥
雷电
link

nodejs

nodejs过高或过低会在后续创建uniapp项目时可能会失败,之前安装过nodejs的可能需要卸载重新安装
目前测试过的v14.15.3、v14.50.0都可以用,据说14以下15以上会有问题,懒着挨个测试了,有兴趣的小伙伴可以自行测试
各版本下载链接: https://nodejs.org/dist/

模拟器和微信小程序开发工具

都是直接下一步安装
模拟器有夜神、逍遥、雷电,用那一个都可以,记着安装完后把显示模式由平板改成手机
如模拟器提示升级显卡驱动,按照指示操作

hbuilderx

安装

uniapp官方出品开发工具,uniapp必用
注册uniapp开发者账号:https://dev.dcloud.net.cn/#/pages/common/register
解压缩即可直接使用,打开软件后点击左下角登录之前注册的uniapp开发者账号

在这里插入图片描述

配置nodejs环境

在这里插入图片描述
在这里插入图片描述
不知道npm和node路径的,可以再cmd运行where node查看
在这里插入图片描述

新建项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

运行到浏览器

在这里插入图片描述
第一次编译由于需要在下编译工具,会编译失败,下载完后会提示重新编译
在这里插入图片描述
编译成功后会自动打开浏览器,并显示示例项目内容
在这里插入图片描述

运行到模拟器

在这里插入图片描述设置后需要重启hbuilderx,并打开夜神模拟器,注意:先打开夜神,在打开hbuilderx
在这里插入图片描述
运行到Android App基座会显示出可连接的安卓设备,如不显示就重启模拟器并重启hbuilderx,再不行就重启电脑
在这里插入图片描述
选择夜神模拟器的设备,只有一个设备时没得选,直接运行开始编译,编译时间较长,需要耐心等待
在这里插入图片描述
编译成功后会自动推送到模拟器上运行
在这里插入图片描述
都选允许
在这里插入图片描述
成功
在这里插入图片描述
逍遥和雷电设置套路一样,设置到模拟器安装目录下对应的abd.exe即可

运行到微信小程序

打开微信开发者工具->设置->通用设置->安全->开启服务端口号
在这里插入图片描述
会自动打开小程序开发工具并运行项目
在这里插入图片描述


网站公告

今日签到

点亮在社区的每一天
去签到