MAC OS X 10.10.5下 ionic 环境搭建
一、安装xcode7
进入appstore,搜索 xcode ,找到xcode 点击安装按钮，就从appstore下载，大约2个多G吧。 需要重启安装
xcode安装完成。
安装command line tools:
yanleideMac:/ yanlei$ cd / yanleideMac:/ yanlei$ cd Applications/ yanleideMac:Applications yanlei$ cd Utilities/ yanleideMac:Utilities yanlei$ xcode-select --install xcode-select: note: install requested for command line developer tools
点击安装。
命令行工具位置：/Library/Developer/CommandLineTools
xcode 添加Apple ID :
点击xcode 菜单中的Preferences,进入Accounts标签，这里选择添加Apple ID：
添加完成后：
点击view details:
选 择 ios development -->create,创建完成后关闭窗口。
二、安装nodejs
进入https://nodejs.org/en/download/
下载nodejs:
下载的文件为：node-v4.1.1-darwin-x64.tar
转存在指定目录，解压：
yanleideMac:nodejs yanlei$ tar -xvf node-v4.1.1-darwin-x64.tar x node-v4.1.1-darwin-x64/ x node-v4.1.1-darwin-x64/bin/ x node-v4.1.1-darwin-x64/CHANGELOG.md x node-v4.1.1-darwin-x64/include/ x node-v4.1.1-darwin-x64/lib/ x node-v4.1.1-darwin-x64/LICENSE x node-v4.1.1-darwin-x64/README.md x node-v4.1.1-darwin-x64/share/ x node-v4.1.1-darwin-x64/share/doc/ ....... x node-v4.1.1-darwin-x64/bin/node x node-v4.1.1-darwin-x64/bin/npm
打开终端， 设置环境变量：
yanleideMac:~ yanlei$ cd yanleideMac:~ yanlei$ pwd /Users/yanlei yanleideMac:~ yanlei$ touch ~/.bash_profile（如果存在该文件，可跳过） yanleideMac:~ yanlei$ vi .bash_profil export NODE_HOME=/Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64 export PATH=$NODE_HOME/bin:$PATH export NODE_PATH=$NODE_HOME/lib/node_modules:$PATH :wq
关闭终端，打开终端：
yanleideMac:~ yanlei$ node -v v4.1.1 yanleideMac:~ yanlei$ npm -v 2.14.4
安装成功。
二、安装ionic+cordova
安装cordova:npm install -g cordova
yanleideMac:~ yanlei$ npm install -g cordova npm WARN engine [email protected]: wanted: {"node":"0.8.x || 0.10.x"} (current: {"node":"4.1.1","npm":"2.14.4"}) /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/bin/cordova -> /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/cordova/bin/cordova [email protected] /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/cordova ├── [email protected] ├── [email protected] ├── [email protected] ([email protected]) └── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) yanleideMac:~ yanlei$ cordova -v 5.3.3
安装ionic :npm install -g ionic
yanleideMac:~ yanlei$ npm install -g ionic npm WARN engine [email protected]: wanted: {"node":"~0.10.x"} (current: {"node":"4.1.1","npm":"2.14.4"}) npm WARN engine [email protected]: wanted: {"node":">=0.6","npm":"1"} (current: {"node":"4.1.1","npm":"2.14.4"}) npm WARN engine [email protected]: wanted: {"node":"0.8.x || 0.10.x"} (current: {"node":"4.1.1","npm":"2.14.4"}) npm WARN installMany normalize-package-data was bundled with [email protected], but bundled package wasn't found in unpacked tree /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/bin/ionic -> /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/ionic/bin/ionic [email protected] /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/ionic ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ([email protected]) ├── [email protected] ([email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected]) ├── [email protected] ([email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) ├── [email protected] ([email protected], [email protected]) ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected]) ├── [email protected] └── [email protected] ([email protected], [email protected], [email protected]) yanleideMac:~ yanlei$ ionic -v 1.6.5
安装发布运行工具
npm install -g ios-sim npm install -g ios-deploy
yanleideMac:app yanlei$ npm install -g ios-sim /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/bin/ios-sim -> /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/ios-sim/bin/ios-sim [email protected] /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/ios-sim ├── [email protected] ├── [email protected] ([email protected]) └── [email protected] ([email protected], [email protected]) yanleideMac:app yanlei$ npm install -g ios-deploy | > [email protected] preinstall /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/ios-deploy > make ios-deploy gcc -ObjC -g -o ios-deploy -framework Foundation -framework CoreFoundation -framework MobileDevice -F/System/Library/PrivateFrameworks ios-deploy.c /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/bin/ios-deploy -> /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/ios-deploy/ios-deploy [email protected] /Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/lib/node_modules/ios-deploy
三、建立ionic 工程
yanleideMac:app yanlei$ cd projects yanleideMac:projects yanlei$ ls yanleideMac:projects yanlei$ ionic start TestApp tabs
添加ios 平台：
yanleideMac:projects yanlei$ cd TestApp yanleideMac:TestApp yanlei$ ionic platform add ios Updated the hooks directory to have execute permissions Downloading Default Ionic Resources Downloading: https://github.com/driftyco/ionic-default-resources/archive/master.zip [=============================] 100% 0.0s Done adding default Ionic resources Adding icons for platform: ios Platform ios already added.
编译工程：
ionic build ios
yanleideMac:TestApp yanlei$ ionic build ios
Running command: /Users/yanlei/app/projects/TestApp/hooks/after_prepare/010_add_platform_class.js /Users/yanlei/app/projects/TestApp
add to body class: platform-ios
Running command: /Users/yanlei/app/projects/TestApp/platforms/ios/cordova/build
Building project : /Users/yanlei/app/projects/TestApp/platforms/ios/TestApp.xcodeproj
...............................................
Touch build/emulator/TestApp.app
cd /Users/yanlei/app/projects/TestApp/platforms/ios
export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/Users/yanlei/app/nodejs/node-v4.1.1-darwin-x64/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin"
/usr/bin/touch -c /Users/yanlei/app/projects/TestApp/platforms/ios/build/emulator/TestApp.app
** BUILD SUCCEEDED **
** BUILD SUCCEEDED **通过窗口方式进入目录：/Users/yanlei/app/projects/TestApp/platforms/ios ，里面有个文件：
TestApp.xcodeproj，双击打开xcode7
加添工程运行目标为真机：
iphone手机能过数据线连接电脑，手机提示： 是否信任，点击信任同意。
在xcode 中：
1 、 选择运行的真机
2、点击三角符号（show the issue navigator）
3. 选择“TestApp.xcodeproj”
4.在右侧窗体中team 选择“ Apple ID” 点击fix issue.
四、运行工程：
在xcode中点击启动按钮：
下一次，再运行时，直接地终端录入命令就可以了：
yanleideMac:projects yanlei$ cd TestApp yanleideMac:TestApp yanlei$ ionic run ios --device [100%] Installed package /Users/yanlei/app/projects/TestApp/platforms/ios/build/device/TestApp.app ------ Debug phase ------ Starting debug of iPad 4 '“Administrator”的 iPad' (5c678bc938f2a941d251b091828f856711684d73) connected through USB... [ 0%] Looking up developer disk image [ 90%] Mounting developer disk image [ 95%] Developer disk image already mounted [100%] Connecting to remote debug server ------------------------- (lldb) command source -s 0 '/tmp/fruitstrap-lldb-prep-cmds-5c678bc938f2a941d251b091828f856711684d73' Executing commands in '/tmp/fruitstrap-lldb-prep-cmds-5c678bc938f2a941d251b091828f856711684d73'. (lldb) platform select remote-ios --sysroot '/Users/yanlei/Library/Developer/Xcode/iOS DeviceSupport/7.0.4 (11B554a)/Symbols' Platform: remote-ios Connected: no SDK Path: "/Users/yanlei/Library/Developer/Xcode/iOS DeviceSupport/7.0.4 (11B554a)/Symbols" (lldb) target create "/Users/yanlei/app/projects/TestApp/platforms/ios/build/device/TestApp.app" Current executable set to '/Users/yanlei/app/projects/TestApp/platforms/ios/build/device/TestApp.app' (armv7). (lldb) script fruitstrap_device_app="/private/var/mobile/Applications/93626D81-8C63-4092-BA99-09209C59C882/TestApp.app" (lldb) script fruitstrap_connect_url="connect://127.0.0.1:51585" (lldb) command script import "/tmp/fruitstrap_5c678bc938f2a941d251b091828f856711684d73.py" (lldb) command script add -f fruitstrap_5c678bc938f2a941d251b091828f856711684d73.connect_command connect (lldb) command script add -s asynchronous -f fruitstrap_5c678bc938f2a941d251b091828f856711684d73.run_command run (lldb) command script add -s asynchronous -f fruitstrap_5c678bc938f2a941d251b091828f856711684d73.autoexit_command autoexit (lldb) command script add -s asynchronous -f fruitstrap_5c678bc938f2a941d251b091828f856711684d73.safequit_command safequit (lldb) connect (lldb) run success 2015-10-06 14:17:15.401 TestApp[218:60b] Apache Cordova native platform version 3.8.0 is starting. 2015-10-06 14:17:15.404 TestApp[218:60b] Multi-tasking -> Device: YES, App: YES 2015-10-06 14:17:15.413 TestApp[218:60b] Unlimited access to network resources 2015-10-06 14:17:15.732 TestApp[218:60b] [CDVTimer][keyboard] 0.828981ms 2015-10-06 14:17:16.570 TestApp[218:60b] [CDVTimer][splashscreen] 836.742997ms 2015-10-06 14:17:16.571 TestApp[218:60b] [CDVTimer][TotalPluginStartup] 840.344012ms
OS X 下git 安装：
登录：http://git-scm.com/downloads，下载os x版git ,下载后直接安装就可以了。
yanleideMac:app yanlei$ git --version git version 2.3.8 (Apple Git-58)
相关推荐
Micusd 2020-11-19
cheidou 2020-11-19
星马殇 2020-11-18
Echodat 2020-10-08
flyToSkyL 2020-09-11
zjc 2020-09-03
阳光普照 2020-09-01
十年砍柴 2020-08-30
猪猪侠喜欢躲猫猫 2020-08-17
ladewang 2020-08-17
渣渣灰 2020-08-13
blankt 2020-08-15
vickay 2020-08-09
TinyDolphin 2020-08-09
山兔与孟婆 2020-08-09
longjing 2020-08-07
xiaogoua 2020-08-06