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手机版

相关推荐
天天扭码27 分钟前
深入解析 JavaScript 中的每一类函数:从语法到对比,全面掌握适用场景
前端·javascript·面试
小希爸爸1 小时前
4、中医基础入门和养生
前端·后端
kooboo china.1 小时前
Tailwind CSS 实战:基于 Kooboo 构建企业官网页面(一)
前端·css·编辑器
uhakadotcom1 小时前
Fluid:云原生数据加速与管理的简单入门与实战
前端
鬼面瓷1 小时前
CAPL编程_03
前端·数据库·笔记
帅云毅1 小时前
Web漏洞--XSS之订单系统和Shell箱子
前端·笔记·web安全·php·xss
北上ing1 小时前
同一页面下动态加载内容的两种方式:AJAX与iframe
前端·javascript·ajax
小墨宝2 小时前
js 生成pdf 并上传文件
前端·javascript·pdf
HED3 小时前
用扣子快速手撸人生中第一个AI智能应用!
前端·人工智能
DN金猿3 小时前
使用npm install或cnpm install报错解决
前端·npm·node.js