移动端的平台越来越多，如果给每一个平台都开发一套代码费时费力，维护起来更是令人头疼。而各种移动端平台的外观大同小异，如果可以使用一套代码，在所有平台都能使用，那将非常方便。uni-app 就是一个可以实现开发一次，然后将代码编译为web、App、小程序（微信/阿里/百度/字节跳动/QQ）、快应用的工具。uni-app 使用 Vue 编写代码，可以节省很多学习成本。另外，uni-app 还有较完善的文档、丰富的插件和活跃的社区，对开发者而言比较友好。
HbuilderX
前端开发的 IDE 有很多，比如 WebStorm、VSCode 等。uni-app 官方更建议使用他们开发的编辑器 HbuilderX。关于这些 IDE 优劣的比较，参见 开发uni-app，HBuilderX和其他工具(如vscode)有什么区别。HBuilder与WebStorm有什么区别 这篇文章的评论我觉得很好，直接贴在这里仅供参考：
1 | 看你习惯了，其实这两个工具都不错 |
我个人来讲，倾向使用 HbuilderX，因为 uni-app 官方对它的优化很多，编译发布之类的操作都很方便，代码提示功能也比较到位。当然，因为习惯了使用 JetBrains 家的产品，虽然 HubuilderX 可以设置兼容 JetBrains 的快捷键，但是有些习惯的操作仍然是不支持的，有些代码提示的逻辑也比较难受。不过倒也不好说孰优孰劣，都是一种思路。
HbuilderX 的下载和使用参见 官网。
uni-app
uni-app 项目可以直接通过 HbuilderX 创建。
uni-app 的代码结构与 Vue 基本相同，按照 Vue 的格式开发即可。
插件
插件可以使 uni-app 的功能极大丰富。
可以从 插件市场 找到插件。如果使用 HBuiderX 编写代码，可以通过点击右侧的 使用 HBuiderX 导入插件 按钮直接将插件导入到项目中。
组件库
因为小程序的 JS 不能直接操作 DOM，所以并不是所有的前端组件库都可以直接使用。在插件市场可以找到一些好用的组件库插件，这里介绍两个 uni-ui 和 uView。
uni-ui
uni-ui 是 uni-app 官方的组件库，很轻量而且通用性比较强。
可以在 插件市场的 uni-ui 页面 获取 uni-ui。
uView
uView 提供了很丰富的组件，基本需要的都能在这里找到。有一点不好的是，它的可操作性太差，对夜间模式支持不好。