首页编程开发uni-app1.uni-app环境搭建...

1.uni-app环境搭建和项目创建

uni-app 是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
更多信息可以前往官网查看。

1.环境搭建:

前往官网,在左边导航栏总切换到快速上手部分,找到HBuilderX:官方IDE下载地址,点击进入下载页面,点击右上角的DOWNLOAD按钮,选择合适的版本点击下载即可。其中,App开发版已将一些开发所需插件进行了安装,省去后续的一些安装步骤。

下载完成后直接解压缩,双击图标即可使用。选择操作界面上方工具栏中的工具选项,可以进行一系列配置,例如,主题设置、插件安装、软件配置等。

2.创建项目:

点击工具栏里的【文件→新建→项目】选项,在弹出的对话框中选择uni-app,输入项目名称,选择模板,点击创建,即可成功创建uni-app项目。

创建完成后可以看到默认空项目的一个目录结构。

在pages部分只有一个页面,页面主要分为三部分。

3.运行项目:

点击工具栏里的【运行】选项,在下拉框中选择不同的运行环境即可。

4.官方demo体验:

在创建项目的时候,选择模板里的Hello uni-app即可体验官方示例。

RELATED ARTICLES

欢迎留下您的宝贵建议

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

Recent Comments