如何运行Cordova应用？初学者求无PhoneGap Build快速调试构建方案

作为刚入门的开发者，我太懂你每次改点代码就要打包上传到PhoneGap Build的痛苦——不仅慢，还打断开发节奏！下面就给你一步步讲清楚怎么在本地搞定开发、运行和快速迭代，效率直接拉满。

第一步：搭建本地开发环境（一次性操作） #

先把基础工具装齐，这些是后续所有操作的前提：

• 安装Node.js（选LTS稳定版就行），装完打开终端/命令行，输入node -v和npm -v确认安装成功。
• 全局安装Cordova CLI（PhoneGap CLI和它完全兼容，用这个就够）：

  npm install -g cordova
  

• 根据目标平台装对应SDK：
  • 安卓：安装Android Studio，它会自动配置SDK、模拟器和必要的环境变量；
  • iOS：仅能在Mac上操作，安装Xcode，通过Xcode偏好设置安装iOS SDK和模拟器。

第二步：初始化项目（已有项目可跳过） #

如果是新建项目，用CLI快速创建：

cordova create MyApp com.mycompany.myapp MyApp
cd MyApp

然后添加你要开发的平台：

# 添加安卓平台
cordova platform add android
# 添加iOS平台（仅Mac）
cordova platform add ios
# 添加浏览器平台（解决你index.html不能直接运行的问题）
cordova platform add browser

第三步：本地运行应用（彻底告别PhoneGap Build） #

1. 在模拟器运行 #

直接用CLI命令启动模拟器并自动安装运行应用：

# 安卓模拟器
cordova run android
# iOS模拟器（Mac）
cordova run ios
# 浏览器端运行（完美解决index.html直接打开失效的问题）
cordova run browser

为什么直接打开index.html不行？因为Cordova的API依赖原生容器提供的环境，直接打开本地HTML文件没有这个容器，所以很多功能会报错。用cordova run browser会把应用包装在模拟容器里，就能正常调用Cordova API了。

2. 在真机运行 #

• 安卓：打开手机的开发者选项和USB调试，用USB连接电脑，运行cordova run android --device；
• iOS：用USB连接iPhone到Mac，在Xcode里配置好开发者账号（免费账号也能调试），运行cordova run ios --device。

第四步：快速迭代修改（无需重复打包） #

这是提升开发效率的关键——修改代码后自动同步到设备/模拟器，不用重新构建整个APP：
启动时加上--livereload参数，它会监听www目录下的文件变化，保存后几秒钟就能在设备上看到效果：

# 安卓模拟器+热重载
cordova run android --livereload
# 浏览器端+热重载
cordova run browser --livereload
# 真机+热重载
cordova run android --device --livereload

额外实用小技巧 #

• 纯调试网页逻辑时，可以用cordova serve启动本地服务器，在浏览器访问http://localhost:8000即可，不过这个模式下部分原生API无法工作，适合调试UI和纯JS代码；
• 遇到奇怪的缓存问题时，试试cordova clean android（替换成对应平台）清理构建缓存，再重新运行就能解决大部分问题。

内容的提问来源于stack exchange，提问作者Swanand Joshi