Mac配置PhoneGap开发环境

1.安装Homebrew

homebrew是OS X的套件管理器

• 安装方式：
  复制：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"到终端，回车执行。

• 验证安装成功与否：
  终端键入brew -v出现如下图则表示安装成功：

努力一定会成攻

有关homebrew更多的用法请点击 这里或者 这里

2.安装Node.js

• 安装方式：
  来到官网下载界面，选择对应版本自动下载。

美到窒息

在有关React Native配置环境中的那个地址不一样，主页上的是最新版本。

下载的pkg格式文件点击安装即可。

安装了node.js自动就有了npm，npm是node的模块管理器，npm的背后有一个强大的数据库，里面存储了每个包的详细信息（版本、授权信息等）。

• 更新npm方式：
  sudo npm install npm -g

3.安装Cordova

• 安装方式：
  终端键入：sudo npm install -g cordova，回车，漫长等待。如下图：

捕捉爱的小游戏

注：我的已经安装好了，所以再安装后的界面可能不一样，But Nobodycares,如果没记错的话第一次安装成功是一大长串目录结构的样子。

Paste_Image.png

3.遇到的问题

就如上图所示，再安装cordova过程中会遇到如下警告（不影响安装，可以不care）：

npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

• 解决办法（2种）：

1 升级minimatch到3.0.2：
a. 终端键入npm update [email protected]
b. 然后，npm update -d

请你离开这个舞台

2 全部重安装
a. 终端键入npm update minimatch
b. 然后键入npm -v minimatch
c. 最后键入npm install -g npm@3

创建第一个PhoneGap项目（前提是安装好了Xcode和Android Studio）

我喜欢把项目放在一个文件夹中，就在桌面创建了一个文件夹PhoneGap
cd到这个文件夹，执行：

1. cordova create 项目名 ，此时PhoneGap夹下出现项目文件夹，文件夹结构如下图：

真是难得一见的女狗婊

• www文件夹下放的就是js文件，css样式和html页面
• platform文件下放的是iOS和android的项目

但是刚创建好的项目platform文件夹下是空的，添加iOS和android项目需要执行：

2. 'cd 项目名'
3. cordova platform add ios或android

添加iOS项目

添加android项目

此时玛当娜成功上身，platform文件夹不再是空的，如下：

感动到哭

用Xcode 和Android Studio就可以直接运行项目了惹，在未做修改的的处女项目运行成功后截图如下：

碧央丝成功上身

布兰妮也成功上身