uniapp 官网：https://www.dcloud.io/

安装

使用命令行

安装使用Vue3框架和TypeScript的模板代码

pnpx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

项目配置

JSON注释

标准的JSON规范不支持注释，因此可以修改Vscode的配置，将指定的json文件设置为jsonc格式

样式

顶部导航栏

建议使用uniapp内置的顶部导航栏，因为uniapp内置的导航栏可以根据不同的设备动态的获取高度，比如手机顶部状态栏的高度。如果自定义导航栏需要动态地获取手机顶部状态栏的高度，并且减去。

底部导航栏

高度只能使用rpx这种绝对定位的单位，不能使用vh这种相对设备高度的定位单位，vh只适合在h5中使用，手机设备一般使用rpx

中间内容

中间的内容的高度可以使用vh，并且100vh不包括顶部导航栏和底部导航栏的高度

调试

真机调试

如果使用模拟器或者手机进行真机调试时，一直卡在“同步手机端程序文件”，有可能是模拟器或者手机的问题，切换新设备即可