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