uniapp编译器安装

安装HBuilderX（官方推荐IDE）

HBuilderX是uniapp官方推荐的集成开发环境，内置uniapp编译器支持。
访问DCloud官网下载页，选择适合操作系统的版本（Windows/Mac）。
下载完成后直接运行安装程序，无需额外配置编译器。

通过npm安装（命令行开发）

全局安装vue-cli和uniapp模板：

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

进入项目目录后，运行npm run dev:%PLATFORM%（如%PLATFORM%替换为mp-weixin编译微信小程序）。

插件安装（VS Code扩展）

在VS Code扩展商店搜索"uni-app"安装官方插件包，包含语法高亮和编译支持。
需配合项目根目录的package.json配置uniapp依赖：

"devDependencies": {
  "@dcloudio/uni-helper": "^1.0.0",
  "@dcloudio/uni-migration": "^1.0.0"
}

环境验证

创建测试文件pages/index/index.vue，写入基础模板代码：

<template>
  <view class="content">
    <text>{{ title }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello UniApp'
    }
  }
}
</script>

运行编译命令后，检查dist目录是否生成目标平台代码。

平台工具链配置

微信小程序需额外安装开发者工具，并在HBuilderX设置中配置安装路径。
Android平台需要配置JDK+Android Studio环境变量，iOS需Xcode环境。