uniapp怎么使用
安装与开发环境搭建
下载HBuilderX作为开发工具，这是官方推荐的IDE，内置uniapp项目模板和调试工具。安装后通过新建项目选择uniapp模板，支持Vue.js语法。确保Node.js环境已安装，便于后续包管理和插件扩展。
项目结构说明
典型uniapp项目包含以下目录：pages存放页面文件，static放置静态资源，components为组件目录，manifest.json配置应用信息，pages.json定义路由和页面样式。跨平台代码写在根目录，平台差异代码可放入platforms子目录。
编写跨平台页面
在pages目录下创建.vue文件，使用Vue单文件组件写法。模板部分遵循小程序规范，如使用view替代div。样式支持rpx单位自动适配不同屏幕。通过条件编译实现平台差异化代码：
<!-- #ifdef MP-WEIXIN -->
<wx-component />
<!-- #endif -->调试与运行
HBuilderX提供多种运行方式：内置浏览器调试、真机调试或模拟器运行。通过菜单栏「运行」选择目标平台（微信小程序、APP等），自动编译并启动调试。控制台会显示编译日志和运行时错误。
打包发布
在manifest.json配置各平台应用ID和权限。小程序需在对应开发者后台配置域名白名单。APP打包通过HBuilderX云打包或本地打包生成安装包。H5部署需配置服务器支持路由history模式。
插件与扩展
通过npm安装第三方插件，如uni-ui提供增强组件。在pages.json中注册组件后即可使用。原生功能扩展需使用uni-app插件市场的原生插件，或自行开发原生模块通过uni.requireNativePlugin调用。
注意事项
避免使用浏览器特有API，需用uniapp封装API如uni.request代替fetch。多端差异可通过uni.getSystemInfo判断平台。路由跳转使用uni.navigateTo而非Vue Router。定期更新HBuilderX和CLI工具以获得最新跨平台适配。
