搭建uniapp环境

安装开发工具

推荐使用HBuilderX作为uniapp的开发工具，它是官方推荐的IDE，内置了uniapp开发所需的环境和插件。从HBuilderX官网下载适合操作系统的版本（Windows/Mac），安装后直接打开即可。

创建uniapp项目

打开HBuilderX，点击菜单栏的“文件”->“新建”->“项目”，选择“uni-app”模板。填写项目名称、路径和模板类型（默认模板或vue3/vue2模板），点击“创建”完成项目初始化。

配置运行环境

根据目标平台（如微信小程序、H5、App等）配置对应的运行环境：

• 微信小程序：需安装微信开发者工具，并在HBuilderX中配置小程序安装路径（工具->设置->运行配置）。
• App：需安装真机调试基座（运行->运行到手机或模拟器->制作自定义基座）。
• H5：直接通过浏览器运行（运行->运行到浏览器->Chrome）。

安装依赖与插件

通过HBuilderX的插件市场（工具->插件安装）安装常用插件，如uView UI、scss编译器等。若项目需要npm依赖，可在项目根目录下通过命令行执行：

npm install

调试与打包

在HBuilderX中，选择目标平台后点击“运行”即可启动调试。打包时选择“发行”->“原生App-云打包”或“小程序-发布”，按提示操作生成最终文件。

注意事项

• 确保Node.js版本在12以上（可通过node -v检查）。
• 微信小程序开发需在微信公众平台配置合法域名（若涉及网络请求）。
• App打包需在DCloud官网申请AppID（部分功能如推送需要）。