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,如果没记错的话第一次安装成功是一大长串目录结构的样子。
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
此时玛当娜成功上身,platform文件夹不再是空的,如下:
用Xcode 和Android Studio就可以直接运行项目了惹,在未做修改的的处女项目运行成功后截图如下: