Ionic mac os 环境配置

1、安装NodeJS插件

官网(http://www.nodejs.org/ )国内无法访问，可以通过（http://nodejs.cn/）下载安装。

安装完后在命令终端输入：node -v 查看是否安装成功

安装成功则会出现版本信息，我的NodeJS版本如下： 

 

2、安装cordova和ionic环境

1)、安装cordova

sudo npm install -g cordova

2)、安装ionic

sudo npm install -g ionic 

3)、注意在安装cordova或者ionic时可能会因为网络问题无法安装，解决方法如下:

A.通过config命令

npm config set registry https://registry.npm.taobao.org 
npm info underscore （如果上面配置正确这个命令会有字符串response）

B.命令行指定

npm --registry https://registry.npm.taobao.org info underscore

 

C.编辑 ~/.npmrc 加入下面内容

registry = https://registry.npm.taobao.org

 

完成之后可以查看ionic信息,输入 ionic info

 3、创建项目

 现在,我们需要使用Cordova创建一个新的项目:

ionic start myApp blank
 

将创建一个名为todo的文件夹目录中运行的命令。接下来,我们将进入该目录: 

 cd myApp

4、配置平台

 现在,我们需要告诉Ionic,我们想使iOS和Android平台。注意:除非你是在Mac OS,那就不要使用iOS平台:

ionic platform ios （如果用的是Mac OS 创建工程的时候会默认添加ios 所以这步可以忽略）
ionic platform android

5、构建和运行项目

ionic build ios
ionic emulate ios

若在“ionic build ios”时候出现xcode-select: error:错误提示，xcodebuild找不到原来的Xcode了

解决方法：在终端输入命令

xcode-select -switch 新的xcode路径

例如：sudo xcode-select --switch /Applications/Xcode.beat.app/Contents/Developer/ 

 

若在“ionic emulate ios”时候出现错误提示，则需要安装ios模拟器

sudo npm install -g ios-sim

到这里已经完美解决了！！！

接下来就是运行：

ionic run (模拟器上可以看到效果) 

 

如果需要浏览器调试，则可以：

ionic serve