uni-app环境搭建

目录

[一、下载HBuilder X:](#一、下载HBuilder X:)

二、创建项目

1、通过HBuliderX创建

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

三、app真机运行

1、真机运行:

2、打包发行

四、微信小程序调试

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

[2、运行项目:运行---> 运行到小程序模拟器----> 微信开发者工具](#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手机版

相关推荐
小kian1 分钟前
vite安全漏洞deny解决方案
前端·vite
时物留影4 分钟前
不写代码也能开发 API?试试这个组合!
前端·ai编程
试图感化富婆5 分钟前
【uni-app】市面上的模板一堆?打开源码一看乱的一匹?教你如何定制适合自己的模板
前端
卖报的小行家_5 分钟前
Vue3源码,响应式原理-数组
前端
牛马喜喜6 分钟前
如何从零实现一个todo list (2)
前端
小old弟10 分钟前
jQuery写油猴脚本报错eslint:no-undef - '$' is not defined
前端
Paramita10 分钟前
实战:使用Ollama + Node搭建本地AI问答应用
前端
一天睡25小时11 分钟前
前端の骚操作代码合集 (二)| 让你的网页变得有趣
前端·javascript
王林不想说话13 分钟前
Zustand状态管理库
前端·javascript
清风ai明月14 分钟前
vue模板语法中使用冒号: 什么时候使用,什么时候不使用呢?
前端·javascript·vue.js