【cordova】cordova安装步骤（mac）

官方安装文档地址：

http://cordova.apache.org/#getstarted

1 安装nodejs（已经安装了的请跳过这一步）

nodejs官网

https://nodejs.org/en/

可以去官网下载最新安装包，然后按步骤安装




2 打开终端

Finder -》 应用程序 -》 实用程序 -》终端

输入

node -v

可查看node版本


输入

npm -v

可查看npm版本



切换到管理员身份

sudo -s

输入密码（登录电脑或安装时候的）



用npm安装cordova

npm install -g cordova



3、创建项目

cordova create <path> <package_name>

例如：

cordova create /Users/web/Documents/cordova/test1 jane.cordova.test

注意：如果不输入<package_name>，包名将是默认的io.cordova.hellocordova



文稿的路径地址为

cd /Users/web/Documents



4、进入项目目录

例如：

cd /Users/web/Documents/cordova/test1



5、 添加支持的平台

cordova platform add ios --save

cordova platform add android --save

cordova platform add osx



6、在mac上确定可以模拟运行

cordova prepare

cordova run osx



7、检查依赖项是否安装齐全

cordova requirements


Requirements check results for android:

Java JDK: installed 1.8.0

Android SDK: installed

Android target: installed android-19,android-21,android-22,android-23,android-24

Gradle: installed


Requirements check results for ios:

Apple OS X: installed darwin

Xcode: installed 8.0

ios-deploy: installed 1.9.0


Requirements check results for osx:

Apple OS X: installed darwin

Xcode: installed 8.0




Android环境指导

http://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html#requirements-and-support


iOS环境指导

http://cordova.apache.org/docs/en/latest/guide/platforms/ios/index.html


MAC环境指导

http://cordova.apache.org/docs/en/latest/guide/platforms/osx/index.html




JAVA JDK

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html



Android Studio（标准安装后+选择需要的sdk版本）

https://developer.android.com/studio/install.html?pkg=tools


iOS+Mac部分

1 去AppStore安装XCode（约4.43G）

2 npm install -g ios-sim

3 npm install -g ios-deploy



等requirements都显示为installed可以继续下面的步骤


8、用ios模拟器打开

用Finder进入项目目录{path}/platforms/ios/，选择xcodeproj结尾文件，用XCode打开

打开后菜单栏下方第一行依次为“开始箭头”，“停止方块”，“项目选项框”，“设备选项框”

“项目选项框”选择当前项目，

“设备选项框”选择模拟器设备iOS Simulators中的即可，

点击“开始箭头”，就会编译成功，在模拟器中可以看到


9、打包到实体设备上

9.1 选择左边树形菜单的当前项目（可以通过view-》Navigators-》Show Project Navigator打开），

在右边面板中选择General，Signing需要添加team（否则会不允许打包到实体设备）


9.2 用usb连接iPhone到mac上

等待第一行“设备选项框”右边的框loading完毕后，“设备选项框”选择实体设备


9.3 点击“开始箭头”，就会编译成功，如果未能成功将会看到报错，

如果安装完毕后不能自动打开，需要去手机上设置-》通用-》设备管理-》开发商应用-》选择当前开发者-》添加信任即可


ps：

如遇权限问题，可以在终端上把文件夹设为777权限：

chmod -R 777 {文件夹路径}