前言：快速应用开发工具是专门针对快速应用开发而设计的应用程序，简单易用，扩展灵活，能够全面支持联盟标准与规范。

理想情况下，开发者应该已经熟悉 Web 前端的基础知识。以下方法可以帮助你更好地了解如何开发快应用前端应用：

接下来我们将逐步介绍快应用IDE，以便大家可以参考并快速上手，目录如下：

快速开始

安装最新版本的快应用开发工具，在IDE中开始快应用开发工作，以下是开发过程的基本流程：

开发和调试新项目

可以创建的项目类型有两种：快应用和卡片，创建方法如下：

点击菜单栏中的“新建快应用项目”、“快速入口”、“新建快应用项目”或“欢迎页新建项目”，打开新建项目界面；点击下一步，填写项目名称、项目路径、应用名称、应用包名称，点击完成。快应用开发工具会在项目路径下新建项目并自动打开；新建卡片项目与新建快应用项目步骤一致；界面如下图所示：

代码编辑预览

快应用是基于前端技术栈的，和 Vue 类似，使用 .vue 作为文件后缀，而 IDE 会专门处理一些代码，以支持和检测此类语法，具体可以参考如下说明：

ux 文件语法辅助语法检测预览调试

开发过程中，快应用的运行效果会在主界面右侧的模拟器中展示，由于模拟器尚未支持所有API，因此您仍需要使用真机来预览和调试快应用的实际运行情况。

本地预览

当你没有手机在身边时，可以使用快应用开发工具的本地预览功能查看代码的运行效果。右侧模拟器中展示的内容为快应用编译后的效果。UX面板为调试器面板定制：展示预览后的Dom结构和样式，支持实时修改样式规则、命名、元素属性；Data面板为定制：展示页面数据，主要参考.ux文件中的、、和字段，你可以根据需求开启自动刷新。

真机调试

如需真机调试，请插上数据线，连接手机并打开手机USB调试，开发工具提示连接成功后，点击顶部工具栏的USB调试。如果手机没有安装快应用的引擎和调试器，开发工具会自动帮您安装到手机上，只需确认在手机上安装应用即可。安装成功后，调试器会自动打开并调出正在开发的快应用，您可以在新面板上进行调试和查看日志信息。

远程真实设备预览

如果你没有手机，但想在真机上查看运行效果，“远程预览”功能是个不错的选择，使用步骤如下：

点击模拟器上方的 按钮，若未安装插件，请选择 Plug-in，安装成功后继续选择 ，选择登录平台，登录成功后会出现可用机型列表，选择需要的机型，点击Use，开发工具会自动将RPK上传到远程机器并启动调试器，可以直接在机器上看到真实效果，后期可以手动点击 按钮查看效果。

上传并发布到包管理平台

开发完成后，如果您想将开发好的快应用分享给其他人，但又希望访问不局限于局域网内，可以将RPK包上传到包管理平台，包管理平台可以轻松帮您解决这一问题。上传到包管理平台的步骤如下。

点击顶部工具栏的“打包”按钮，快应用开发工具会自动生成一个签名的包，如果没有签名，会要求你添加签名。打包成功后，在弹窗中点击“上传到包管理平台”按钮，开发工具会将打印好的RPK包上传到包管理平台。如果你没有登录，需要先登录官网账号。上传成功后会出现一个二维码和包管理平台的链接，你可以使用调试器的扫一扫功能打开这个快应用。

上传至官网

开发完成后，若需要发布快应用，可以通过快应用开发工具的“上传”功能，上传至官网开发者中心，在官网填写相关信息并发布快应用。若需要在开发工具中实时查看官网审核快应用的状态，可以使用顶部的“关联快应用”功能，关联后点击“详情”即可查看上传后的快应用信息。

了解了基础功能之后，如果您想进一步探索快速应用开发工具，下面的这些功能可以让您如虎添翼。

体验增强编译模式

使用编译模式可以配置编译启动页面及启动参数，方便页面的调试，并支持导入、导出编译模式。

插件功能快速访问

一些内置功能，比如新建一个快应用，或者插件功能，比如一键将微信小程序转为快应用，为了方便大家轻松使用和开发这些功能，我们在侧边栏增加了快捷入口。