uni-app（3）多端运行、项目文件介绍

多端运行

打开HbuilderX项目文件，找到【运行】就可以选择不同的平台查看项目了。

• H5基本可以直接运行
• 微信小程序要下载它的开发工具，并打开端口
• Android真机调试要启用开发者模式，打开usb调试
• IOS需要苹果电脑插上usb就可以，windows要找个小助手

项目文件

pages.json
文件用来对 uni-app 进行全局配置，决定页面文件的路径、不同平台的窗口样式、原生的导航栏、底部的原生tabbar 等。

pages
uni-app 通过 pages 节点配置应用由哪些页面组成，pages 节点接收一个数组，数组每个项都是一个对象。

manifest.json
文件是应用的配置文件，用于指定应用的名称、图标、权限等。

App.vue
是uni-app的主组件，所有页面都是在App.vue下进行切换的，是页面入口文件。但App.vue本身不是页面，这里不能编写视图元素。这个文件的作用包括：调用应用生命周期函数、配置全局样式、配置全局的存储globalData应用生命周期仅可在App.vue中监听，在页面监听无效。

main.js
是uni-app的入口文件，主要作用是初始化vue实例、定义全局组件、使用需要的插件如vuex。

uni.scss
文件的用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格，uni.scss文件里预置了一批scss变量预置。

• 使用XBuilderX需要先安装scss插件，进入【工具-插件安装】
• scss的快速入门