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 minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
- 解决办法（2种）：
1 升级minimatch到3.0.2：
a. 终端键入npm update minimatch@3.0.2
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到这个文件夹，执行：
-
cordova create 项目名，此时PhoneGap夹下出现项目文件夹，文件夹结构如下图：
真是难得一见的女狗婊
- www文件夹下放的就是js文件，css样式和html页面
- platform文件下放的是iOS和android的项目
但是刚创建好的项目platform文件夹下是空的，添加iOS和android项目需要执行：
'cd 项目名'cordova platform add ios或android
添加iOS项目
添加android项目
此时玛当娜成功上身，platform文件夹不再是空的，如下：
感动到哭
用Xcode 和Android Studio就可以直接运行项目了惹，在未做修改的的处女项目运行成功后截图如下：
碧央丝成功上身
布兰妮也成功上身
网友评论