uniapp快速入门

目录

一、什么是uniapp

二、uniapp的环境准备

1.安装HBuilder X（App开发版） 

2.申请dcloud开发者账号

3.微信开发者工具 

4.配置微信开发者工具路径

5.安装android模拟器

6.配置adb路径及AVD端口号

三、创建第一个uniapp项目

1.使用HbuilderX初始化项目 

2.运行项目 

3.介绍目录及作用

四、uni-app 的使用

1.pages.json 配置

globalStyle

 pages

tabBar

五.uni-app生命周期

1.uni-app应用生命周期：

2.uni-app页面生命周期：

六.网络请求 

七. vue和nvue的区别

1.vue文件结构​编辑

2.pages.json页面配置 

八.总结 

---

一、什么是uniapp

Uniapp是一款基于Vue.js框架的开发平台，允许开发者使用Vue语法进行跨平台应用的开发，支持应用编译成H5、小程序、APP等多种平台。Uniapp具有开发简单、调试便捷、开发效率高等优点，因此逐渐成为了跨平台开发的热门选择之一。

uni-app官网

二、uniapp的环境准备

uni-app [uni-æp]，dcloud官方开发工具HBuilder X，小程序端运行需要微信开发者工具，APP端运行可安装各类模拟器，如本文档中使用的网易mumu，按以下的说明安装即可 

1.安装HBuilder X（App开发版） 

HBuilderX-高效极客技巧

2.申请dcloud开发者账号

• 打包发布应用需要在开发者中心创建应用，每个应用对应一个appid，也可在HBX中生成
• 申请dcloud开发者账号地址

3.微信开发者工具 

• 微信官方文档
• 微信公众平台账号注册地址

4.配置微信开发者工具路径

5.安装android模拟器

常用的有genymotion、网易mumu、夜神等。
网易mumu下载地址

6.配置adb路径及AVD端口号

• 不同虚拟器的端口号不同，常用的Genymotion为5555，夜神62001/52001，雷神和腾讯游戏助手也是5555，网易mumu为7555，根据自己安装的模拟器配置相应的端口即可。
• 对于adb路径，默认安装路径则无需设置，若自定义安装，需要配置目录为模拟器bin目录下的adb_server。
• 最新win11有wsa可以使用，win10页出现了第三方工具安装wsa。

三、创建第一个uniapp项目

通过上面的环境配置，接下来我们就可以开始创建第一个uniapp项目了