怎么运行uniapp

运行UniApp的基本步骤

确保已安装Node.js环境（建议版本12+），用于支持npm或yarn包管理工具。

全局安装HBuilderX或使用Vue CLI创建项目。HBuilderX是官方推荐的IDE，提供一站式开发体验；Vue CLI适合习惯命令行开发的用户。

通过npm安装uni-app脚手架：

npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project

开发模式选择

选择运行平台：在HBuilderX中点击顶部菜单的「运行」，可选择浏览器、微信开发者工具、安卓模拟器等平台。使用Vue CLI需手动配置对应平台的启动命令。

微信小程序需在manifest.json中配置appid，并确保微信开发者工具的安全域设置允许调试。

调试与构建

开发时实时预览：HBuilderX内置实时刷新功能，修改代码后自动同步到模拟器或真机。CLI项目需通过npm run dev:%PLATFORM%启动。

生产环境构建：使用HBuilderX的「发行」菜单或执行CLI命令npm run build:%PLATFORM%生成部署包，如dist目录下的文件可上传至对应平台。

多端适配注意事项

代码中需处理平台差异，通过process.env.UNI_PLATFORM判断当前环境。例如：

if (process.env.UNI_PLATFORM === 'h5') {
  // H5特定逻辑
}

静态资源路径应使用绝对路径或@/别名，避免多端加载失败。字体文件等需放在static目录。