# UniApp笔记

**Repository Path**: age18/uni-app-notes

## Basic Information

- **Project Name**: UniApp笔记
- **Description**: UniApp课上学生笔记，学习专用，笔记专用！
- **Primary Language**: 其他
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-06-27
- **Last Updated**: 2022-06-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#Uni APP 前端框架

前端开发技术：

- 原生Web:html结构层+css样式层+js行为层

- 移动App:

  - 原生开发： android  /  ios
  - h5： 把网页制作成手机端样式
  - hybird： 混编开发

      一部分用h5, 一部分用 js 调用原生功能代码

      react-native:使用js开发，导出成原生的手机端应用代码。

- 小程序：微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝

```
企业级WEB项目：需要开发web端和app端两部分，程序员需要分别开发web代码和app代码以及小程序
```

> 问题：成本高，工作量大–>uniapp只要一个人->开发一次->就可以自动导出成->web app
>
> 各种小程序（跨平台应用）

官方网站：https://uniapp.dcloud.net.cn/

官方软件： https://www.dcloud.io/hbuilderx.html   绿色版本-解压缩就可以直接使用---注册x-hbuilder

需要安装额外的插件：工具-->插件安装-->安装新插件–>能安装就都安装下（前往插件市场安装--登录账号搜“sass：右键运行版本”下载）   

注意：安装完毕插件，需要重启！

1. 创建项目包-->左上脚角--选择“项目”-->不同的模板，提供项目包内置模板！选择“hello”版本，任意文件，预览“mian.js”

   ```
   场景:在按照uni-app官网介绍,hbuildx创建了hello-uniapp项目,运行至浏览器或手机上都报错:依赖插件还未加载,请稍后重试 14:55:47.717 项目 ‘hello-uniapp’ 编译失败
   
   解决办法:
   HBuildX开发工具菜单工具栏,依次点击 工具–>插件安装–>安装相关插件:App真机运行\uni-app编译\uni-app调试插件,等插件安装完成后,重新运行即可
   ```

2. 多端运行:PC：网页！移动端：手机视口、微信小程序（需要下载微信开发者工具）

   微信小程序比较麻烦：需要下载微信小程序：运行–>运行到小程序模拟器–>微信开发工具–>运行设置–>

   小程序运行配置：C:/Program Files (x86)/Tencent/微信web开发者工具–>完成

   打开微信小程序—>扫描进入—>点击右侧上方齿轮“设置”–>点击安全“服务器”

   “自动启动小程序，运行在小程序软件中”

   ---------

   真机android运行：手机上  开启  “**开发者模式**” ，然后在 **开发者选项中** —>开启USB调试或者允许通过USB安装软件---USB链接手机（弹窗点击确定）

   端模拟机：夜神模拟器（默认ipad样式）---更换为手机端样式（点齿轮处切换手机端）

   真机可以直接使用----选择运行到	Android 基座（手机安装hbuilder软件）-检测

   如果是模拟器，不同模拟器不同odb，运行--->运行到手机或模拟器–>odb路径，指定一下夜神模拟器!(重启一下模拟器，会经常重启)

   ---