uni.app跨平台开发学习

一、uni.appuni-app 是一个使用 Vue.js 框架开发跨平台应用的框架。它允许开发者使用一套代码同时构建 iOS、Android、H5 和桌面应用。

Uni-app 的特点以及特点：

 1.跨平台：一套代码，多端运行，支持 iOS、Android、H5 和桌面应用。

 2.基于 Vue.js：使用流行的 Vue.js 框架，降低开发难度，提高开发效率。

 3.丰富的组件库：提供丰富的内置组件和第三方组件，满足各种应用开发需求。

 4.灵活的扩展性：支持自定义原生组件和插件，扩展应用功能。

 5.强大的调试工具：**提供内置的调试工具，方便查找和修复代码中的错误。

 6.节省开发时间和成本：一套代码即可开发多端应用，节省大量时间和成本。

 7.提高代码重用率：跨平台代码共享，降低代码维护难度，提高代码重用率。

 8.原生渲染体验：通过使用原生渲染引擎，提供媲美原生应用的流畅体验。

9.丰富的生态系统：拥有丰富的生态系统，包括组件库、插件和文档。

10.低学习门槛：基于 Vue.js 框架，上手容易，降低开发门槛。

二、使用前的一些准备：

1、 Node.js：Node.js — Download Node.js® (nodejs.org)

 简介： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。它允许你在服务器端编写 JavaScript 应用程序。

2、HBuilderX：HBuilderX-高效极客技巧 (dcloud.io)

简介：HBuilderX 是一个轻量级、跨平台的集成开发环境（IDE），专为前端开发人员设计。它支持多种前端技术，包括 HTML、CSS、JavaScript、Vue.js、React 和 uni-app。

三、一个简单的搜索功能：

uni.hideLoading()的作用在于搜索完成后，调用该方法隐藏加载指示器

四、getStorageSync与getStorage：

        1、getStorageSync：在你需要立即同步从存储中检索数据时使用此方法

        2、getStorage：在你不需要立即从存储中检索数据

五、代码快捷输入

        以前写都是：<text></text>一个一个打或者打一半让联想，在学uni,app时知道了用utext就能只能写出完整的代码，在写各种uni.xxxx的时候很是方便

六、插件安装

在HBuilderX选项中点击工具再点击插件安装

插件：DCloud 插件市场

进入插件市场后点击下载插件并导入

观看完广告后就会弹出打开HBuilderX的请求，之后按提示点击就可