Uni-APP入门知识整理

目录

前言 - 课程介绍

一、课程背景

二、学前须知

三、课程大纲

UniAPP 快速入门学习

一、UniAPP 介绍

（1）什么是 UniAPP ？

（2）为什么要选择 UniAPP ？

（3）UniAPP 开发环境搭建

二、UniAPP 初始化相关配置

（1）应用配置 manifest.json

（2）编译配置 vue.config.js

（3）全局配置 page.json

（4）全局样式 uni.scss

（5）主组件 App.vue

（6）入口文件 main.js

三、UniAPP 常用组件简介

四、UniAPP 常用 API 简介

---

前言 - 课程介绍

一、课程背景

大前端时代背景下，前端开发人员掌握单一的 Web 端开发能力已经远远不够了，微信小程序、安卓 APP、IOS APP，甚至是 Windows 桌面端，还有最近出的鸿蒙系统开发，都成了我们成长需要掌握的技能。所以呢，市面上各种「跨平台」开发解决方案层出不穷，比较有代表性的就是： UniAPP 、 Flutter、 React Native、Taro、Weex 等等。

UniAPP 是基于「 Vue + 微信小程序 」语言体系，开发人员学习成本低上手快，同时随着如今 UniAPP 生态也逐步趋于成熟。所以，基于 UniAPP 开发多端项目，已经是很多中小型企业常用的技术解决方案。

那么，今天呢，我们就从 UniAPP 基础开始，对照企业级实践标准，从零到一，一步一步打造一个 多端（微信小程序 + H5 + 安卓 APP + IOS APP）的社区论坛类项目。

二、学前须知

学前须知：

1. 掌握 HTML、CSS、JS基础，能够构建静态页面
2. 掌握 Vue 基础，能够使用脚手架构建应用
3. 掌握微信小程序基础，对微信小程序组件、API服务有一定的了解

三、课程大纲

课程简介：

1. 课程大纲介绍
2. 实战项目介绍

UniAPP 快速入门学习

一、UniAPP 介绍

（1）什么是 UniAPP ？

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、H5，以及各种小程序（微信/支付宝/百度/头条/ QQ /钉钉）等多个平台，方便开发者快速交付，不需要转换开发思维，不需要更改开发习惯。

（2）为什么要选择 UniAPP ？

1. 开发者/案例数量更多

几十万应用、uni 统计月活12亿、70+ 微信 / QQ群

1. 平台能力不受限

在跨端的同时，通过条件编译 + 平台特有 API 调用，可以优雅的为某平台写个性化代码，调用专有能力而不影响其他平台

1. 性能体验优秀

加载新页面速度更快、自动 diff 更新数据，App 端支持原生渲染支撑更流畅的用户体验，小程序端的性能优于市场其他框架

1. 周边生态丰富

插件市场数千款插件，支持 NPM、支持小