1，安装HbuildX
- 官网下载：https://www.dcloud.io/hbuilderx.html 选择APP开发版
- 解压后使用并安装插件
- 安装插件：工具=>插件安装（uni-app(vue2)编译、uni-app(vue3)编译、scss/sass编译）
2，创建第一个uni-app
- 启动HbuildX，文件=>新建=>项目=>选择uni-app=>填写项目名，项目路径=>选择项目模板：uni-ui项目=>点击创建
- 项目结构
|-- components uni-app组件目录
|-- pages 页面目录
|-- static 存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
|-- main.js Vue入口文件
|-- App.vue 应用全局配置文件
|-- manifest.json 配置应用名，打包版本，appid,logo等打包信息的配置文件
|-- pages.json 配置路由，导航条，选项卡等页面信息文件
|-- index.html 适配vue3
|-- uni.scss uni-app内置的常用样式变量
3，运行到浏览器
- 运行到chrome浏览器：进入到uni-app=>运行=>运行到浏览器=>运行到chrome浏览器
- 运行到内置浏览器：安装“内置浏览器插件”=>运行=>运行到内置浏览器
