Ionic mac os 环境配置

时间:2016-01-21 19:39:14   收藏:0   阅读:2197

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

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!