uni-app 是一个使用Vue.js
开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
更多信息可以前往官网查看。
1.环境搭建:
前往官网,在左边导航栏总切换到快速上手部分,找到HBuilderX:官方IDE下载地址
,点击进入下载页面,点击右上角的DOWNLOAD按钮,选择合适的版本点击下载即可。其中,App开发版已将一些开发所需插件进行了安装,省去后续的一些安装步骤。
下载完成后直接解压缩,双击图标即可使用。选择操作界面上方工具栏中的工具选项,可以进行一系列配置,例如,主题设置、插件安装、软件配置等。
2.创建项目:
点击工具栏里的【文件→新建→项目】选项,在弹出的对话框中选择uni-app
,输入项目名称,选择模板,点击创建,即可成功创建uni-app项目。
创建完成后可以看到默认空项目的一个目录结构。
在pages部分只有一个页面,页面主要分为三部分。
3.运行项目:
点击工具栏里的【运行】选项,在下拉框中选择不同的运行环境即可。
4.官方demo体验:
在创建项目的时候,选择模板里的Hello uni-app
即可体验官方示例。