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

相关推荐
祝余呀8 分钟前
HTML初学者第三天
前端·html
就爱瞎逛24 分钟前
TailWind CSS Intellisense 插件在VSCode 上不生效
前端·css·vscode·tailwind
柚子81627 分钟前
sibling-index:我用这个画时钟表盘
前端·css
UI设计和前端开发从业者42 分钟前
UI前端大数据处理策略优化:基于云计算的数据存储与计算
前端·ui·云计算
前端小巷子1 小时前
Web开发中的文件上传
前端·javascript·面试
翻滚吧键盘2 小时前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹2 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
杨进军2 小时前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW3 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
说码解字3 小时前
Kotlin lazy 委托的底层实现原理
前端