uniapp的开发环境

uniapp开发环境搭建

安装HBuilderX
HBuilderX是uniapp官方推荐的IDE，支持Windows、Mac和Linux系统。从官网下载对应版本安装，内置uniapp项目模板和调试工具。

配置Node.js环境
确保系统已安装Node.js（建议版本14+），用于依赖管理和打包构建。通过命令行验证安装：

node -v
npm -v

安装微信开发者工具
开发微信小程序需单独安装微信开发者工具，并在HBuilderX中配置工具路径：
设置 -> 运行配置 -> 微信开发者工具路径

项目创建与运行

新建项目
在HBuilderX中选择文件 -> 新建 -> 项目，选择uniapp模板（如默认模板或uView UI模板）。

运行到指定平台
通过顶部菜单栏选择运行方式：

• 浏览器：直接调试H5版本
• 微信小程序：自动编译并唤起微信开发者工具
• App：需配置真机或模拟器

关键依赖配置

package.json配置
示例依赖片段：

"dependencies": {
  "uni-ajax": "^2.0.0",
  "uview-ui": "^2.0.31"
}

manifest.json配置
配置应用基础信息、权限及各平台差异化设置，如微信小程序AppID、APP图标等。

调试与发布

真机调试
Android设备需开启USB调试模式，iOS需配置证书。通过HBuilderX的运行 -> 运行到手机或模拟器启动。

云打包
APP发布可使用HBuilderX的发行 -> 原生App-云打包，自动生成安卓APK或iOS IPA文件。

小程序上传
微信小程序需通过微信开发者工具完成上传审核，其他平台（支付宝、百度等）需各自配置开发者账号。

扩展工具推荐

• VSCode插件：安装uniapp语法提示插件
• Chrome插件：Vue.js Devtools用于调试H5页面
• Postman：接口调试工具
• Sourcetree：Git可视化工具管理代码版本