uni-app x零基础入门课程(图文版)
文章平均质量分 80
本专栏从最基础的环境搭建讲起,手把手教你认识 uni-app x 的核心概念与项目结构。无需任何编程基础,跟着课程一步步学习页面布局、组件使用、数据绑定等核心技能,再到路由跳转、API 调用等实用操作,让你从 0 到 1 轻松构建自己的跨平台应用。
数字泉书
聚焦于uniapp 生态——从基础开发到进阶实战,从跨平台方案到性能优化,希望能为开发者们提供清晰、可落地的技术分享。
如果你对 uniapp 开发、数字化转型实践感兴趣,欢迎关注我的博客,一起交流学习,在技术的浪潮里稳步前行。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
第五节:CSS基本语法
欢迎来到 uniappx 零基础入门课程这节课我们来学习 CSS 的基本语法。原创 2025-07-24 15:42:22 · 866 阅读 · 0 评论 -
第四节:基础UI入门
UI 是英文(User Interface)的缩写,中文的标准翻译是“用户界面”。我相信在看视频的每个人都是用户,当然也肯定见过用过“用户界面”。现在大家用的都是 LCD 或 OLED 屏幕,界面细腻,操作流畅。但是在计算机刚刚发明出来的时候是没有显示器的,甚至连键盘鼠标都没有。很难想象,那时候人们是怎么操作计算机的。这里我们不去深究历史,现在你只需要在脑海里有这个疑问就可以。你可以简单把它理解为一个有一定功能和样式的盒子。原创 2025-07-24 15:31:34 · 472 阅读 · 0 评论 -
第三节:uni-app x 基础知识
工牌:用于同事之间辨别身份标签:用于让编译器识别内容(解决"是谁、长什么样、位置、职责"等问题)原创 2025-07-24 13:02:21 · 507 阅读 · 0 评论 -
第一节:uni-app x 是什么?
可能还有一部分同学不知道什么是uni-app x,这里简单介绍一下:根据官方的定义,uni-app x 是下一代的uniapp(也就是上一代技术的升级版),它是一个跨平台的应用开发引擎。要注意的是,它不是一门新的语言,而是一整套用于跨平台开发的解决方案。iOS安卓web端的H5页面微信小程序华为纯血版鸿蒙NEXT(注:目前鸿蒙NEXT仍在适配中,据官方信息已在推进,可能在你看到教程时已支持;上一代uniapp已可生成鸿蒙NEXT应用)原创 2025-07-23 10:14:08 · 601 阅读 · 0 评论 -
第二节:HBuilderX安装及入门
打开HBuilderX后,默认界面可根据个人喜好进行自定义。比如,若喜欢深色主题(写代码更沉浸),可点击“主题切换”,选择“雅蓝”主题。中间最大区域:编辑器,是我们编写代码的地方。左边一栏:项目管理器,用于管理项目文件。右边一栏:内置浏览器,修改的代码可以实时在这里显示效果。例如,将代码中的“hello”改成“12345”,按“ctrl+s”保存后,内置浏览器中会立即显示修改后的内容。下面一栏:控制台,方便进行调试。编译错误、语法错误等都会在这里显示,且出现错误的代码行可以快速定位。原创 2025-07-23 16:14:42 · 659 阅读 · 0 评论
分享