今天学习了uni-app的全局组件，页面的路由设置、tabBar底部菜单、manifest、微信申请appId、导入插件- 页面路由设置
pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等
globalStyle用于设置应用的状态栏、导航条、标题、窗口背景色等
"globalStyle": {
"navigationBarTextStyle": "white", //导航栏标题颜色，仅支持 black/white
"navigationBarTitleText": "uni-app-demo", //导航栏标题文字内容
"navigationBarBackgroundColor": "#2b9939", //导航栏背景颜色
"backgroundColor": "#ff5500" //导航栏背景颜色
}这里需要明白，这是全局的设置，但是当在控件中设置了其中的属性，是控件生效的，控件的优先权高于全局的。具体其他属性，看官方文档就好。
pages：uni-app 通过 pages 节点配置应用由哪些页面组成，pages 节点接收一个数组，数组每个项都是一个对象
属性有：
path：页面的位置
style{}：当前页面的样式设置，
needLogin：是否需要登陆验证
style用于设置每个页面的状态栏、导航条、标题、窗口背景色等。
页面中配置项会覆盖 globalStyle 中相同的配置项
2. tabBar底部菜单
如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定一级导航栏，以及 tab 切换时显示的对应页。
在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。
Tips
当设置 position 为 top 时，将不会显示 icon
tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。
tabbar 切换第一次加载时可能渲染不及时，可以在每个tabbar页面的onLoad生命周期里先弹出一个等待雪花（hello uni-app使用了此方式）
tabbar 的页面展现过一次后就保留在内存中，再次切换 tabbar 页面，只会触发每个页面的onShow，不会再触发onLoad。
顶部的 tabbar 目前仅微信小程序上支持。需要用到顶部选项卡的话，建议不使用 tabbar 的顶部设置，而是自己做顶部选项卡，可参考 hello uni-app->模板->顶部选项卡。
"tabBar": {
"color": "#999",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/images/tabBar/home.png",
"selectedIconPath": "static/images/tabBar/home-h.png"
},
{
"pagePath": "pages/classify/classify",
"text": "分类",
"iconPath": "static/images/tabBar/classify.png",
"selectedIconPath": "static/images/tabBar/classify-h.png"
},
{
"pagePath": "pages/user/user",
"text": "个人",
"iconPath": "static/images/tabBar/user.png",
"selectedIconPath": "static/images/tabBar/user-h.png"
}
]
},这就是这事tabBar的代码，这里提一句：如果要使用图标，可以访问 iconFont（阿里巴巴矢量图标库），
这个功能前几期应该是已经说了，但是今天在重新回顾的时候，发现以前写错的一个点，在设置了tabBar的时候，我以前写的是必须要设置condition才会生效，这是错误的，今天才发现这个condition是只在开发过程中才生效，以前的文章写的不对，不是一定要设置的
3. manifest设置
这是设置要在那个平台上展示的，例如：微信小程序，这就需要填写自己的appId，每一个微信小程序都有一个独立的appId，
在新版的HBudileX中，没有配置H5的配置，只用在web配置中找到标题，写上标题后，在manifest中就生成了H5的配置
4. 微信小程序appId
每一个小程序都有一个独立的appId，如何申请：打开微信公众平台，这里需要注意：当前邮箱申请了公众号，就不能再申请微信小程序了，这是确保每一个appId的唯一性。在进入后，可以是个人的也可以是公司行式的，个人的有些功能不能使用，比如：支付功能。公司行式的可以，但是需要有营业执照或者个人营业执照
5. 如何导入插件
在整体开发中，有时徐亚导入很多，这里就有插件导入，一次导入后，就不用在代码中引入了，导入方式是，在项目的根目录，使用命令窗口，执行：npm install unplugin-auto-import （如果不能执行，那就是node.js没有安装，然后安装后就可以执行了）
当执行完后，在目录中会出现node_models，这就是下载好了。
如何使用：根目录下创建vite.config.js，并拷贝下面的代码
import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
plugins: [
uni(),
// 自动导入配置
AutoImport({
imports:[
// 预设
'vue',
'uni-app'
]
})
]
})这就可以了，这里是根据老师的课程学习的，下面有需要的可以查看老师的博客
开发uniapp使用Vue3组合式API版本，如何实现从vue模块中自动导入
