我的mac系统是EI Capitan,如下图所示。
ionic是一个跨平台的框架,能够提供高效hybrid app的开发,而且性能接近于原生态,具体请参考:http://ionicframework.com
环境搭建步骤如下:
- 安装node.js,主要是使用npm(node package manager)。注意使用4.4版本,千万不要使用5以上的版本。
- 安装Cordova和ionic命令行工具:
-
1 $ npm install -g Cordova 2 $ npm install -g ionic
如果发生permission denied错误,请使用:$ sudo npm install -g ionic,这是使用super user的权限来执行命令。具体可以参考:https://www.npmjs.com/package/ionic。
如果发生python版本不匹配的问题,使用如下命令:
& npm config set python python2.7 - 增加ios平台、android平台
-
$ sudo cordova platform add ios
$ sudo cordova platform add android - 查看已经安装的平台
-
$ sudo cordova platform ls
- 安装plugin
-
first way:
$ sudo cordova plugin add cordova-plugin-dialogs
second way:
git clone project to FILE_PATH
$ sudo cordova plugin add FILE_PATH
- 查看已经安装的plugin
-
$ sudo cordova plugin ls
- 查看build的前置条件
-
$ sudo cordova requirements
安装ios-deploy
$ sudo npm install -g ios-deploy --unsafe-perm=true
- 查看ionic的帮助
-
$ ionic -h
好了,环境可以使用了。使用模版创建一个实例:
$ ionic start firstapp
$ ionic build firstapp
$ ionic emulate firstapp
$ ionic run firstapp
推荐的开发环境ionic lab。
问题:
- 升级Java之后,出现ionic, cordova, npm command not found错误,需要按照本文步骤重新安装。
- spawn eacces error: 运行命令: ionic hooks add。
- folder访问权限扩展:sudo chmod -R a+rwx appfolder
- 如果出现“Failed to load resource: the server responded with a status of 404 (Not Found)”错误,则运行下面的命令可以消除错误。
ionic plugin add cordova-plugin-whitelist
- run command "ionic info", shows error "Cordova CLI: Not installed", run the following command to resolve the issue:
sudo npm install -g cordova@4