先讲这门课解决什么问题，值不值得学

很多业务场景下，公司预算有限，只给一两周时间，却要求同时上线微信小程序、安卓和苹果应用。如果走原生开发，需要分别掌握两套移动端技术栈外加小程序，时间根本不够。这门课的主题正是针对这种“一套代码多端运行”的痛点，用 uniapp 结合 vue3 与 vite 把三端开发合并成一套工作流。它不是教你钻研底层系统原理，而是务实地解决前端人员如何快速把业务铺到多个移动端的问题。如果你目前的工作涉及轻量级应用开发、或者需要从传统 Web 前端向移动端业务延伸，这套技术栈投入产出比很高，值得花时间学。

适合什么基础，建议先看哪几块

课程标称零基础，但为了跟上进度，建议你至少能看懂基本的 HTML、CSS 和 JavaScript 语法。如果完全没碰过代码，直接学跨端框架会比较吃力。资料里的前几个章节务必要先看：一是认识 uniapp 的基本概念，搞清楚它和原生开发的优劣边界，知道什么项目适合用、什么场景该避开；二是项目创建与目录结构讲解，这是后续所有编码的起点；三是真机与模拟器调试准备，包括安卓真机连调、苹果模拟器配置以及微信小程序工具的对接。把这三块跑通，相当于把开发环境彻底搭稳了，后面学页面生命周期和组件逻辑才不会因为环境报错而卡壳。

学完能独立做什么，资料怎么配合练习

把核心模块过完，你能独立搭建一个多端项目骨架，处理页面的路由跳转、生命周期管理以及基础的界面交互，并最终打包出能在手机和微信上实际运行的应用。学习这套资料时，不要只用眼睛看视频，必须开着编辑器同步操作。每看完一个生命周期或目录结构的讲解，立刻在自己的工程里写一遍，观察控制台输出和真机上的变化。遇到安卓或小程序调试章节，严格按资料里的步骤配置环境，不要跳过。等基础组件和生命周期练熟后，再拿一个简单的业务需求（比如带列表和表单的信息录入页）从头写一遍，分别编译到小程序和手机端看效果，这样才算把知识内化成能干活的技能。


掌握uniapp框架开发项目|多种跨端开发框架的优劣|开发安卓app项目|开发ios app项目|开发微信小程序项目 。uniapp的应用+页面+组件生命周期函

课程目录

*   uniapp多端零基础⼊⻔到项⽬实战课程介绍/

  *   uniapp多端课程介绍+适合人员+学后水平

  *   uniapp多端课程大纲速览

*   下⻋伊始—⾛进uni-app跨多端的世界/

  *   认识uni-app—什么是uni-app框架？为什么要学？

  *   相形见绌—uni-app框架开发app和原生开发app的优劣

  *   千里始足下—通过uni-app框架创建项目

  *   uni-app项目运行和项目结构目录讲解

  *   详解uni-app项目运行在安卓真机调试screenflow

  *   跨端开发—开发ios端模拟器准备

  *   详解uni-app项目运行在微信小程序调试

*   初露锋芒—详解uni-app框架的⽣命周期/

  *   uni-app生命周期有哪些？怎么理解？

  *   详解uni-app应用生命周期函数

  *   详解uni-app新增的页面生命周期函数

*   抽丝剥茧—路由配置使用和页面跳转传参/

  *   路由基础—组件式路由跳转传参

  *   路由基础—函数式路由跳转传参

  *   路由进阶—不同路由跳转配置的使用

  *   路由进阶—路由跳转配置的详细使用

*   娓娓道来—uni-app常用的组件和常用的API使用/

  *   详解uniapp常用的组件使用《上》

  *   详解uniapp常用的组件使用《下》

  *   详解uniapp常用的API使用《上》

  *   详解uniapp常用的API使用《下》

*   真枪实弹—小滴课堂微信小程序项目初始化/

  *   小滴课堂微信小程序项目需求分析

  *   项目初始化创建和Gitee代码仓库管理

  *   项目初始化搭建—unocss配置

  *   项目初始化搭建—响应式语法糖和自动引入插件配置

  *   uni-app框架中使用Pinia状态管理的配置

  *   uni-app框架中使用Pinia状态管理的使用

*   真枪实弹—小滴课堂微信小程序项目首页+分类开发/

  *   微信小程序项目首页开发—布局+数据获取

  *   微信小程序项目首页开发—头部导航+搜索组件

  *   微信小程序项目首页开发—轮播图+分类导航

  *   微信小程序项目首页开发—课程列表

  *   微信小程序项目底部导航开发

  *   微信小程序项目分类页面开发—分类《上》

  *   微信小程序项目分类页面开发—分类《下》

*   真枪实弹—小滴课堂微信小程序项目学习+我的页面开发/

  *   微信小程序项目学习页面开发—布局+数据获取

  *   微信小程序项目学习页面开发—课程播放记录列表

  *   微信小程序项目我的页面开发《上》

  *   微信小程序项目我的页面开发《下》

*   小滴课堂微信小程序打包上线/

  *   微信公众平台小程序注册—邮箱申请

  *   微信公众平台小程序注册—完善信息

  *   小滴课堂微信小程序项目打包发布流程解读《上》

  *   小滴课堂微信小程序项目打包发布流程解读《下》

  *   学习uniapp框架如何进阶开发自己的APP？