uni-app环境搭建

Java资料网推荐uni-app环境搭建这篇文章给大家，欢迎收藏Java资料网享受知识的乐趣

目录

一、下载HBuilder X:

二、创建项目

1、通过HBuliderX创建

2、通过vue-cli命令行创建

三、app真机运行

1、真机运行:

2、打包发行

四、微信小程序调试

1、下载微信小程序开发者工具

2、运行项目：运行---> 运行到小程序模拟器----> 微信开发者工具

3、发现小程序

五、H5运行与发布

1、运行项目：

2、发现项目：

---

一、下载HBuilder X:

https://www.dcloudlio/hbuilderx.html

二、创建项目

1、通过HBuliderX创建

①文件----新建---项目

②uni-app

③模板：uni-ui 项目

2、通过vue-cli命令行创建

①npm install -g @vue/cli

②vue creat -p dcloudio/项目名称

③nmp run dev:%PLATFORM% 运行项目

④nmp run build:%PLATFORM% 发布项目

三、app真机运行

1、真机运行:

usb连接手机--开启USB调试

2、打包发行

①云端：发行----> 原生 app ---云打包

②离线

四、微信小程序调试

1、下载微信小程序开发者工具

2、运行项目：运行---> 运行到小程序模拟器----> 微信开发者工具

3、发现小程序

①必须有微信小程序 appid ，在微信公众平台上申请

②微信小程序开发者工具上选择上传 按照提交审核----->发布

五、H5运行与发布

1、运行项目：

运行---->浏览器

2、发现项目：

发行----->网站--H5手机版

文章来源:https://blog.csdn.net/weixin_69190490/article/details/142044524
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：jacktools123@163.com进行投诉反馈，一经查实，立即删除！