uniapp 可视化开发_快速入门uni-app开发

1.什么是uni-app

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，解决了多个平台，分别需要些多套代码，开发效率低，开发成本高的问题。

uni-app一套代码，可以编到七个平台，平台如下：android， ios， H5， 微信小程序，支付宝小程序，百度小程序，头条小程序。

uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。

2.如何快速上手uni-app

2.1快速上手uni-app的方式有两种。

第一，可以通过HBuilderX可视化界面。

第二，可以通过vue-cli命令行两种方式快速创建项目。

3.通过HBuilderX可视化界面创建项目

通过HBuilderX可视化的方式上手是比较简单的，HBuilderX基本上内置了所有的开发环境，开箱即用。开发步骤如下：

需要注意的是：HBuilder是通用的前端开发工具，有标准版和APP开发版两个版本，如果下载的是APP版本，那么基本上开箱即用，不用做额外的配置，如果是下载的uni-app版本，那么在运行的时候，按照提示，安装uni-app插件即可。

然后，依次选择工具栏中的: 文件 =》 新建 =》 项目 =》 选择uni-app， 然后输入项目的名称&