Ionic mac os 环境配置

一、安装NodeJS插件

官网(http://www.nodejs.org/ )国内没法访问，能够经过（http://nodejs.cn/）下载安装。

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

安装成功则会出现版本信息，个人NodeJS版本以下： 

 

二、安装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

 三、建立项目

 如今,咱们须要使用Cordova建立一个新的项目:

ionic start myApp blank
 

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

 cd myApp

四、配置平台

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

ionic platform ios （若是用的是Mac OS 建立工程的时候会默认添加ios 因此这步能够忽略） ionic platform android

五、构建和运行项目

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