uni-app开发教程栏目讲解uni-app的基本结构
推荐（免费）：uni-app开发教程
文章目录
前言
本文主要介绍了uni-app的基本情况，引导第一个uni-app项目的快速创建和运行。同时详细说明了项目的目录结构和代码规范，适合uni-app零基础初学者。
一、uni-app介绍
uni-app是DCloud官方推出的重要产品是使用Vuee的.js开发了跨平台应用的前端框架，官网是http://uniapp.dcloud.io/。
开发者通过编写一套Vue.使用uni-app将js代码编译成iOSS，、Android、微信小程序等多个平台，确保其正确运行并达到优秀体验，只需JS即可完成APP开发，达到多端共用大大降低了开发和学习成本：
开发者不需要学习那么多的平台开发技术，研究很多前端框架，学习基于vue的uni-app就足够了；
企业也可以以更低的成本覆盖更多的用户。
uni-应用程序继承Vue.js，提供完整的Vue.js开发体验作为一种有效的开发工具，为当前微信等应用程序提供了最快的启动方式。其组件规范和扩展应用程序与微信应用程序基本相同。
有一定的Vue.js 有微信小程序开发经验的开发者可以快速上手uni-app，开发兼容多端的应用程序，可以兼容Android、iOS、小程序等多端开发，同时提供条件编译优化，可以优雅地为平台编写个性化代码，调用专有能力，不影响其他平台。
uni-应用程序打包到应用程序时仍使用5 引擎，5 所有的能力都可以在uni-app中使用，在app端的运行性能与微信小程序基本相同。
DCloud为了方便开发者体验uni-app的组件、接口、模板，发布了Hellooud uni-应用程序演示程序实现了一套代码同时发布到iOS、Android、微信小程序三端，可使用手机扫描下图APP码下载iOS、Android本地安装包，也可以用微信扫描小程序码，体验uni-app的小程序版本
第二，快速开始第一个项目
1.搭建环境
在项目开始前，需要分别下载安装以下工具：
- HBuilderX
内置uni-app编译器和项目模板，可点击https://www.dcloud.io/hbuilderx.html选择并下载相应系统的最新版本，无需安装即可直接解压并将解压后的目录放入指定路径，点击HBuilderX.exe可以使用。 - 微信开发者工具
编译调试小程序所用，可点击https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html并选择最新版本下载安装。
2.创建和运营项目
可以创建一个项目点击工具栏中的文件- 新建-