uni-app开发环境配置

一、 HBuildX的介绍

HBuildX也是DCloud开发的一款编辑器，和uni-app是同一个公司开发的。可想而知，HBuildX对uni-appa支持程度极高，因此我们也就选用HbuildX作为uni-app开发的主编辑器。

二、安装HbuildX

• 官网下载：HBuilderX-高效极客技巧 选择APP开发版
• 解压后即可使用
• 安装插件：工具=>插件安装（uni-app(vue2)编译、uni-app(vue3)编译、scss/sass编译）

三、创建第一个uni-app

• 启动HbuildX，文件=>新建=>项目=>选择uni-app=>填写项目名，项目路径=>选择项目模板：uni-ui项目=>点击创建

• 项目结构

  |-- components                uni-app组件目录
  |-- pages                    页面目录
  |-- static                    存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
  |-- main.js                 Vue入口文件
  |-- App.vue                    应用全局配置文件
  |-- manifest.json