热门搜索 :
考研考公
您的当前位置:首页正文

mac版本 ionic安装详细

来源:东饰资讯网

环境:
macos : 10.12.6
XCode : 9.1

安装方式有两种:

$ curl  | sh

或者

$ wget -qO-  | sh

以上脚本会把nvm库clone到/.nvm,然后会在/.bash_profile, /.zshrc或/.profile末尾添加source,安装完成之后,你可以用以下命令来安装node.
备注:我自己电脑上运行第一中方式安装失败,用的第二种方式.下载完以后,运行下面的指令

$ source ~/.nvm/nvm.sh

下载 node 8.0.0版本

// 下载 node  8.0.0版本
$ nvm install 8.0.0 

// 安装完成以后,可以查看下node的版本 (npm: Node Package Manager  )
$ node -v
$ npm -v  

// 查看当前版本
$ nvm current 

// 使用指定版本
$ nvm use 1.0.0


nvm install

二 安装ionic

说明:安装模拟器就可以安装cordova和ionic 
// 模拟器运行环境
$ sudo  npm install -g ios-sim

// 真机运行环境
$ sudo npm install -g ios-deploy

// 真机运行环境安装报错  加上  --unsafe-perm=true
$ sudo npm install --unsafe-perm=true -g ios-deploy

ios-deploy

安装cordova 和 ionic

更换镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
说明:我下载的时候没有替换镜像,安装的时候有点慢
$ sudo npm install -g cordova ionic
sudo npm install

输入下列命令,查看是否安装成功

$ cordova -v
cordova

查看ionic是否安装成功

$ ionic info
ionic info

通过ionic创建一个项目

$ ionic start myApp tabs

$ ionic start myApp blank

ionic start myApp tabs
ionic start myApp tabs

使用Ionic tool 创建 ,测试,运行你的apps(或者通过Cordova直接创建),如果要创建android应用,把创建代码中的ios改为android

$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

运行上述指令

// 运行的时候需要加上在ionic后面加上 cordova 

$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios

ionic platform add ios

运行

$ ionic cordova platform add ios
ionic cordova platform add ios

运行

$ ionic build ios
ionic build ios

启动项目

$ ionic cordova emulate ios
ionic cordova emulate ios

打包bug 解决方法 (引用)

  1. 最新的ionic环境(3)和最新的xcode环境(9)打包iOS时build时会报一个错误,在add ios时加上@4.4.0即可,这是个大坑,很多朋友都跳进去了.
Top